﻿body {font-family:Arial, Verdana, Helvetica, Geneva, SunSans-Regular, sans-serif;
	line-height:14px;margin:0px;font-size:small;}

/************* Common Divs ************/
#wrapper {width:790px; margin:auto;}
#topBanner {width:790px; margin:auto; height:170px; overflow:hidden;}

/************* Site Messages ************/
#siteMessage_container {zoom:1; z-index:99; position:absolute; top:0px; left:0px; width:100%; height:2024px;}
#siteMessage_box {z-index:999; margin:auto; width:400px; height:2024px; margin-top:200px; height:150px; overflow-y:auto; padding:10px; font-size:small; font-weight:bold;}
#siteMessage_box .header {overflow: hidden;}
#siteMessage_container a {float:right; margin-top:10px; padding: 5px; font-size:small; font-weight:bold;}
div.demo {width:100px; margin:0px 0px; padding:0px 0px;text-align: center; font: verdana, arial, sans-serif;}
#joinMessage {margin:0 auto;width:490px;padding: 0px 0px;text-align:center;font-size:xx-small;font-weight:600;}
.nohover a:hover{ text-decoration:none; cursor:hand; width:490px;}

/************* Dynamic border styling dont delete ************/
.borderContainer10 {padding:10px 0px;}
.borderContainer50 {padding:50px 0px;}
.borderContainer80 {padding:80px 0px 5px 0px;}
.borderContainer160 {padding:80px 0px;}
.borderContainer20 {padding:20px 0px;}

.border10 {margin:10px; padding:0px 0px;}
.border50 {margin:10px; padding-top:20px;}
.border80 {margin:10px; padding:0px 0px;}
.border160 {margin:10px; padding:0px 0px;}
.border20 {margin:10px; padding-top:20px;}

/*************** Generic Styles *****************/
.centeredTitle {width:300px; margin:auto; text-align:center;}
.centeredDescription {width:400px; margin:auto; text-align:center;}

.smallPadding {padding:5px;}
.smallMargin {margin:5px;}
.defaultPadding {padding:10px;}
.defaultMargin {margin:10px;}

ul.floatingList li {float:left; margin:0px 2px 0px 0px;}
.floatingList li {float:left; margin:0px 2px 0px 0px;}
.smaller {font-size:x-small;}
a.smaller,.smaller a {font-size:x-small;}
.small {font-size:small;}
a.small,.small a {font-size:small;}
.bold {font-weight:bold;}
.italic {font-style:italic;}

.memberSelectList {}
.memberSelectList ul {}
.memberSelectList li {font-size:x-small; float:left; width:88px; height:72px; margin:4px 2px 0px 2px; padding:0px 0px;}
.memberSelectList li a {display:block; text-align:center; width:88px; height:72px; padding:0px 0px;}
.memberSelectList li .img {margin:5px 0px 3px 0px;}

#blog_display .member_comments_list {width:95%; margin:10px auto 0 auto;}
#blog_display .member_comments_list textarea {width:60%;}

.member_comments_list {padding:5px; text-align:left;}
.member_comments_list textArea {width:95%;}
.member_comments_list a {font-size:85%; font-weight:bold;}
.member_comments_list  .comment_profile_image {width:auto; float:left; margin:5px 4px 5px 0px;}
.member_comments_list  .comment_body {overflow:hidden;}
.member_comments_list  .comment_body .comment_header {margin:5px 0px; padding-top:3px;}
.member_comments_list  .comment_body .comment_header a {font-size:100%;}
.member_comments_list  .comment_body .comment_content {padding:5px;}
.member_comments_list  .comment_body .edit_comment a {font-weight:normal;}
.member_comments_list .add_comment {width:95%;}

.ImageSelection .upload {display:none; float:left; padding:0px;}
.ImageSelection .imageList{float:left; width:400px;}
.ImageSelection .imageList .scroll{height:150px;overflow-y:auto;padding:0px;}
.ImageSelection .imageList ul {padding:0px;}
.ImageSelection .imageList li{float:left;width:40px;height:40px; margin:1px;padding:0px;}
.ImageSelection #selected { width:50px; float:left; margin-right:20px;}

/************* Default Styling ************/
p {font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;margin: 10px 0 10px 5px;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size:x-large;margin: 5px 0 15px 0px;}
h2 {font-size: medium;margin: 10px 0 10px 0px;}
h3 {font-size: small;margin: 5px 0 5px 0;}
h4 {font-size: 95%;font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;margin: 5px 0 2px 0;}
h5 {font-size: medium;font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;margin: 5px 0 2px 0;}
h6 {font-size: 90%;font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;margin: 0;}

/* Links */
a {font-weight:normal; text-decoration:none;}
a:link {}
a:visited {}
a:hover {text-decoration:underline;}
a:active {}
a img {border:none;}

/* Lists */
ul {margin:0px; padding:0px; list-style:none;}
li {margin:5px 0 5px 5px;}

/* Tables */
table {border:none; width:100%; border-collapse:collapse;}
td, th {}
td {vertical-align:top; padding:4px;}
th {vertical-align:middle; font-size:85%; height:25px;}

/* Forms */
input, textarea {padding:2px; width:auto;}
select {border:solid 1px #aaa;}

/* Other */
.quote {padding:10px 10px 15px 10px; margin:10px; font-style: italic; width:93%;}
.quote .author {width:100%; text-align:right; font-size:small;}
.quote_content {margin-left:25px;}
.example {margin-left:10px;font-style:italic;}

/************* Common Styling ************/
/* Tables */
table.layout, table.layout td, td.layout, table.layout th, th.layout {border:none; margin:0px; padding:0px;}
tr.alternating {background-color:#FFFCEF;}

table {font-size:85%; width:97%; margin-left:8px}
th {font-weight:bold; font-size:12px; text-align:left; padding-left:5px;}
.th_note {font-weight:normal; font-size:90%;}
td {text-align:left;}

/* Inputs */
textarea.large {height:150px;}

/* .Net checkbox has span around them so can't style input tag, only the span so doubled up */
input.setWidth,textarea.setWidth, select.setWidth, label.setWidth {width:200px;}
input.button, span.button input {width:auto; padding:2px 5px; margin-right:5px;}
.Button:hover, .button:hover {border-style:outset;}
input.buttonNoFloat, span.buttonNoFloat input {width:auto; padding:2px 5px; float:none; margin-right:5px;}
input.tickBox, span.tickBox input,input.radioButton, span.radioButton input {border:none;}
input.toggle, span.toggle input {width:125px;}
input.noStyle, span.noStyle input {border:none; padding:0px;}
input.inline {/* for inputs next to each other, i.e. date of birth postcode etc */ float:none; display:inline; margin:0px 3px;}
.clearfloats {clear:both; margin:0px; padding:0px;}
.inline {display:inline}

/* Bespoke Styling */
.subheaders {font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight:bold; line-height:20px;}
.info {margin: 10px 5px; padding:40px 15px 5px 10px; min-height:35px;}
.warning, .ValidationSummary {margin:10px 0px; padding: 35px 15px 5px 35px; min-height:35px; font-weight:bold;}
.error {margin:10px 0px; padding:30px 15px 5px 35px; min-height:35px; font-weight:bold;}
.form {margin:10px 0px; padding:5px 15px 5px 35px; min-height:25px; text-align:center; font-weight:bold;}

.pageEditor .title {font-weight:bolder; text-align:center; margin-bottom:10px;}
.pageEditor .pageName {float:left; padding-top:20px;}
.pageEditor .actions {float:right;}
.pageEditor .actions ul {padding:0px;}
.pageEditor .actions li {text-align:center; float:left; width:60px; height:60px; margin-right:10px;}
.pageEditor .actions li:hover {border-style:outset;}

/* Drag n Drop*/
.widget {}
#LayoutEditor #contentPlaceHolder_Profile .ControlHeader {padding:0px; margin:0px; border:none;}
.widget_holder {min-height:100px; margin:2px; padding:2px 2px 5px 2px;}

.widget_header {width:100%; padding-top:2px; padding-bottom:2px; font-weight:normal; cursor:move;}
.widget_header_table {width:100%; margin:0px; font-size:82%;}
.widget_title {width:90%; padding-left:2px; font-weight:bold; padding-right:5px;}

.widget_title a {overflow:hidden; height:1.2em; text-decoration:none; font-size:85%;}
.widget_collapse, .widget_expand, .widget_close {display:inline;}

/* Background colour of area widgets are dragged into */
.widget_dropcue {display:none; margin-bottom:20px;}

/* Backgound arround the edit button */
.widget_edit {width:10%; vertical-align:top; white-space:nowrap; text-align:right; padding-top:2px; padding-right:2px;}
.widget_edit a {text-decoration:none;}

/* Backgounds and images of minimize and maximise buttons*/
.widget_button {padding-right:2px; vertical-align:top;}
.widget_box {display:block; margin-top:3px; overflow:hidden; width:12px; height:12px; cursor:pointer;}

/**************** Menus ***************/
#Menu li {margin:0px;}
#Menu li img {display:none;}

/* Bottom Menu */
#BottomMenu_List {font-size:smaller; text-align:center; margin-top:15px;}
#BottomMenu_List li {margin-right:10px; display:inline;}
#BottomMenu_List a:link, #BottomMenu_List a:visited{}
#BottomMenu_List a:hover, #BottomMenu_List a:active{}
#BottomMenu_List .menuLevel_1 {}
#BottomMenu_List .menuLevel_2 {}
#BottomMenu_List .menuLevel_3 {}
#BottomMenu_List .menuLevel_4 {}

/* Side Menu */
#SideMenu_List {text-align: center; width: 150px;}
#SideMenu_List ul.menuLevel_1 {/*margin: 0*/}
#SideMenu_List ul.menuLevel_1 li {float: left;height: 30px;width: 150px; margin:0px; 
	padding-bottom:2px;}
#SideMenu_List ul.menuLevel_1 li a {float: left;display: block; height: 19px;width: 150px;
	text-decoration: none;font-weight: bold;padding-top: 11px;
}
#SideSliderMenu .smenu { width:16px;}
/*#SideMenu_List ul.menuLevel_2, #SideMenu_List ul.menuLevel_3,
#SideMenu_List ul.menuLevel_4 { display:none;}*/

/* Top Menu */
#TopMenu_List {width: 100%;}
#TopMenu_List ul, #TopMenu_List li {margin:0;}
#TopMenu_List a:link, #TopMenu_List a:visited{ text-decoration: none; font-weight: bold; 
	font-size:larger; margin: 0px 10px 0px 0px;}
#TopMenu_List a:hover, #TopMenu_List a:active{text-decoration: underline; }

#TopMenu_List .menuLevel_1 li	{float:left; display: inline;}
#TopMenu_List .menuLevel_2 li	{float:none; display:block;}
#TopMenu_List .menuLevel_3 li	{float:left; display: inline;}
#TopMenu_List .menuLevel_4		{float:none; display:block;}

/*************** Side Sliding MENU *****************/
#SideSliderMenu ul.menuLevel_1 li {margin : 2px 0;}
#SideSliderMenu ul.menuLevel_2 li {margin:0;height:22px;}

/*************** RAD MENU *****************/

.RadMenu_Default .vertical .separator .text{padding-top: 2px;font-size: 1px;}
.RadMenu_Default .link {line-height: 20px;text-decoration:none;}

.RadMenu_Default .text {padding-left:10px;padding-right:36px;font-size:11px;font-family: Arial, Verdana;}
.RadMenu_Default .group {border-right:0px;border-bottom:0px;}
.RadMenu_Default .group .link {text-align: left;}

.RadMenu_Default .group .link:hover,.RadMenu_Default .group .focused,
.RadMenu_Default .group .expanded{font-weight: normal;}

/*** PROFILE & WIDGETS ***/
 
/****** Profile Common Styling ********/

#contentPlaceHolder_Profile h1 {font-size:large;}
#contentPlaceHolder_Profile h2 {font-size:small;}
#contentPlaceHolder_Profile h2.withSubHeader {margin-bottom:0px;}
#contentPlaceHolder_Profile h3.subHeader {font-size:x-small; margin:0px 0px 5px 0px;  padding:0px 0px 5px 5px;}
#contentPlaceHolder_Profile .ControlHeader, #contentPlaceHolder_Profile .ControlHeader_withSubHeader {padding:5px 2px 7px 5px; margin:20px 0 10px 0; font-size:small; overflow:hidden; height:100%;}
#contentPlaceHolder_Profile .ControlHeader_withSubHeader {margin-bottom: 0px;}
#contentPlaceHolder_Profile #Text .ControlHeader, #contentPlaceHolder_Profile #Display .ControlHeader {border-top:none; background:none; padding:0px; margin:0px;}
#contentPlaceHolder_Profile .ControlHeader h2, #contentPlaceHolder_Profile .ControlHeader_withSubHeader h2 {border-top:none; padding:0px; margin:0px; float:left;}
#contentPlaceHolder_Profile .ControlHeader .AddWidget, #contentPlaceHolder_Profile .ControlHeader_withSubHeader .AddWidget {font-size:x-small; text-align:right; float:right;}
#contentPlaceHolder_Profile .ControlHeaderSubHeader {font-size:x-small; margin:0px 0px 5px 0px; padding: 0px 0px 5px 5px;}
#contentPlaceHolder_Profile .ControlHeaderSubHeader h3, #contentPlaceHolder_Profile .ControlHeaderSubHeader a {font-size:x-small; padding:0px; margin:0px;}

.ControlFooter {clear:both;}

/********* Profile Header **********/
.ProfileHeader {margin: 25px 10px 10px 10px; min-height: 115px;}

.ProfileHeader div .innerFix {margin: 0 0 0 100px;}

.ProfileHeader .userName {float: left; width: 100%; height: 25px; margin: 5px 0; line-height: 20px;}
.ProfileHeader .userName .innerFix h1 {float: left;}
.ProfileHeader .userName .innerFix span {float: right; font-weight: bold; padding: 5px 0 0 0; margin: 0 15px 0 0;}

.ProfileHeader .showStatus {float: left; width: 100%; margin: 5px 0; height: 35px;}
.ProfileHeader .showStatus .innerFix {height: 35px; margin-right: 10px}
.ProfileHeader .showStatus .innerFix span {padding: 3px 5px 3px 5px; display: block;}
.ProfileHeader .showStatus .innerFix span a {float: right; margin: 0px 10px 0 5px;}

.ProfileHeader .editStatus {float: left; width: 100%; height: 25px;}
.ProfileHeader .editStatus .innerFix {margin: 0 6px 0 97px;}
.ProfileHeader .editStatus .innerFix table .longtext {width: 100%; height: 18px;}
.ProfileHeader .editStatus .innerFix table .pretext {font-style: italic; color: Gray;}
.ProfileHeader .editStatus .innerFix table {border: 0; width: 100%; margin: 0;}
.ProfileHeader .editStatus .innerFix table tr td {border: 0; background: transparent;}
.ProfileHeader .editStatus .innerFix table tr td.statusBox {width: 100%;}

.ProfileHeader .profileImage {float: left; height: 100px; margin: -75px 10px 10px -98.5%; width: 100px; overflow: hidden;}

/*********** My Details AND Personal ************/

/*********** My Notices ************/
.member_profile_mynotices_list {padding-left:10px;}

/****** Profile Control Panel ******/

.ProfileControlPanel a {text-align:center; text-decoration:none; display:block; padding:4px; width:110px; height:15px;}
.ProfileControlPanel .whole a {text-align:center; text-decoration:none; display:block; padding:4px 2px; width:480px; height:15px;}
.ProfileControlPanel img {display:none;}

/****** Tabbing ******/
#ControlBody {padding:5px; margin:0px 6px 0px 0px; overflow:hidden; clear:both; height:100%; width:97%;}
#ControlHeader {margin:0px; overflow:hidden; padding-left:10px;}
#ControlHeader ul, .ControlHeader ul {text-align:center;overflow:hidden;}
#ControlHeader li, .ControlHeader li {margin:5px 0px 0px 0px; float:left; padding:5px 15px 5px 15px;}
#ControlHeader li a, .ControlHeader li a {text-decoration:none; font-size:x-small; font-weight:bold;}
#ControlHeader li a:hover, .ControlHeader li a:hover  {text-decoration:underline;}
#ControlHeader li.selected a:hover, .ControlHeader li.selected a:hover {text-decoration:none;}

/******** Profile Comments **********/
.member_profile_common_mycomments .ValidationSummary {width:90%;margin:auto;}
.member_profile_common_mycomments .post {text-align:center;margin: 5px 0 10px 0;}
.member_profile_common_mycomments ul.comments_list li {clear:left;}
.member_profile_common_mycomments ul.comments_list div.picture_container {float:left; margin-right:10px; width:75px; height:75px;}
.member_profile_common_mycomments ul.comments_list div.comment {float:left;width:400px;}
.member_profile_common_mycomments ul.comments_list p.actions {margin-top:10px;}
.member_profile_common_mycomments ul.comments_list p.actions a {font-size:10px;}

/************ Services ***********/
.MyServices li {float:left; height:90px; width:90px; text-align:center;}
.MyServices .image_container {height:52px;}
.MyServices .options {margin:5px 0 10px 0}
.MyServices .interest_container {float:right; width:70px;}

/*********** Interests ***********/
#member_profile_interests_view li {height:90px; width:95px; text-align: center;}
#member_profile_interests_edit li {margin:4px; height:110px; width:95px; text-align: center;}
#member_profile_interests_edit li a {padding:2px; display:block; width:95px; height:110px; text-align:center;}
#member_profile_interests_view .image_container {height:52px;}
#member_profile_interests_edit .image_container {} /*Adding height messes up javascript*/
#member_profile_interests_edit li.checkbox {float:left; width:1px;}
member_profile_interests_edit .interest_container {width:70px;}
#member_profile_interests_edit .checkbox {padding-bottom:5px;}
/******* Profile Our Staff *********/
/*********** My Pictures My Friends Mange Friends***********/
.staff_list li,.My_Pictures li,.My_Friends li,#MyFriendsPage li {float:left; margin:1px; text-align:center; overflow:hidden;}

.My_Friends li {width:93px; height:130px;}

.staff_list li {width:93px; height:110px;}
.staff_list li img,.My_Pictures li img,.My_Friends li img,#MyFriendsPage {margin: auto 0;}
.staff_list li p,.My_Pictures li p,.My_Friends li p,#MyFriendsPage p {margin:0;}

.staff_list .picture_container,.My_Friends .picture_container,
#MyFriendsPage .picture_container {height:60px; width:auto; text-align:center;}

/******** Sign up & Login *******/
#SignUp {margin:3px; text-align:center; font-weight:bold;}
#Login {margin:10px 3px 3px 3px; padding:2px; font-weight:bold; font-size:85%; float:left;}
#Login h6 {text-align:center;}
#Login label {width:50px;padding:0;	float:none;}
#Login input {float:left;margin-bottom:5px;}

#Login .ControlHeader h3 {font-size:x-small; text-align:center; margin:1px;}
#Login .textBox {width:95%;}
#Login .Username {width:100%; margin:0px 0px 4px 0px;}
#Login .Password {width:100%; margin:0px 0px 4px 0px;}
#Login .RememberMe {width:100%; margin:0px 0px 7px 0px;}
#Login .RememberMe .rememberMeInfo {display:none;}
#Login .RememberMe .rememberMeInfo a {font-size:medium;}
#Login .logout {height:19px; padding:2px;}
#Login .logout a img {margin-right:5px; height:16px; display:block; float:left;}
#Login .logout a .text {cursor:hand; height:16px; display:block; float:left; height:8px; padding:2px 0px 4px;}

/* Set a fixed width when in wide areas */
#contentPlaceHolder1 #Login,#contentPlaceHolder2 #Login,#contentPlaceHolder3 #Login, #contentPlaceHolder_Profile #Login {width:200px;}
.Logout {text-align:center;margin-top:5px;}
#Login input.ninetypercent {width:95%;}

#Flickr .Container {margin:3px; padding:5px 10px 5px 5px; min-height:35px; text-align:left; font-weight:bold;}

/**************** PageFooter ***************/
#pageFooter {margin:10px auto 5px auto; text-align:center;}
#pageFooter ul {overflow:hidden;}
#pageFooter li {float:left; margin: 0px; font-size:x-small;}
#pageFooter li.spacer {margin:0px 5px 0px 5px;}


/*** Specific Pages ***/

/**************** Forums ***************/
/* group list & topic list */
#forum_group_list table, #forum_topic_list table {clear:both; width:95%; margin-left:15px; border:2px solid #ccc;}
#forum_topic_list td.shaded {background-color:#FFFCEF;}
#forum_group_list th, #forum_topic_list th {border:1px solid #ccc; font-size:11px; padding:0 3px 0 3px;}
#forum_group_list td.groupRow {font-weight:bold; font-size:110%; background-color:#FFFCEF; border-left:0; border-right:0; padding-top:15px; padding-bottom:7px;}
#forum_group_list ul {margin-left:5px;}

#forum_group_list .forum_name, #forum_topic_list .forum_name {font-weight:bold; font-size:102%;}
#forum_group_list .forum_list, #forum_topic_list .forum_list {border:2px solid #ccc; font-size:90%;}
#forum_group_list .forum_details, #forum_topic_list .forum_details {background-color:#fbfbfb; text-align: center;font-size:95%;}
#forum_topic_list .last_page_link {float:right; font-size:90%;}

/* list of posts in a topic */
#forum_topic {width:98%; margin:auto;}
#forum_topic #forum {margin:15px auto; padding:5px; width:90%; border:solid 2px #e8cc8d; overflow:hidden;}
#forum_topic .seperator {background-color:#f9dd9e; height:2px;}
#forum_topic .poster {width:15%; float:left; border-right:0px solid #FFF; padding:0 5px; text-align:center; font-size:85%;}
#forum_topic .poster a {font-weight:bold;}
#forum_topic .message_container {float:left;margin:0;width:83%;border-left:1px solid #ccc;}
#forum_topic .subject {float:left;}
#forum_topic .image_container {padding-top:5px; height:75px;}
#forum_topic .message {clear:both; padding:5px;}
#forum_topic .footer {clear:left; border-top:2px solid #FFF; text-align:right; padding:2px; font-size:8px;}
#forum_topic .footer a {display:block; float:right; padding-left:4px;}
#forum_topic .page_header, #forum_topic .page_footer {clear:both; padding:5px;}
#forum_topic h3 {font-weight:normal; border-bottom:1px solid #ccc; padding:5px 2px 5px 2px; margin:0; font-size:80%; color:#000;}

#forum_topic .post1, #forum_topic .post2 {width:100%;float:left;}

#forum_topic .post2 {background-color:#FFFCEF;}
#forum_topic .post1 {background-color:#FFF;}

/* Post a reply*/
.hide_show_links {clear:both; margin:5px;}
.hide_show_links a {font-weight:bold;}
#message_buttons {margin-top:10px;}
#message {float:left; width:73%; margin:5px; clear:both; width:95%;}
#post_commands {float:left; margin:5px; width:100%;}
#post_commands fieldset {font-size:85%;}
#post_commands .bold {font-size:110%; font-weight:bold;}
#post_commands td {border:none; text-align:center; vertical-align:bottom; width:20%;}
#signature {clear:both; width:90%; margin:5px auto;}
#post_extras {display:none; clear:both; width:95%; margin:5px;}

/*************** Legal Contracts **************/

#legal_contract_add table {margin-top:20px;width:60%;margin-left:10px;font-size:85%;}
#legal_contract_add ul {width:500px; margin:auto;}
#legal_contract_add li {width:155px; height:115px; text-align:center; float:left; margin:2px;}
#legal_contract_table {max-height:600px; width:98%; overflow-y:auto; overflow-x:hidden;}

/********** Business Directory *********/
/* filter view */
#businesscatalog_filterview {margin-bottom:30px;}
#businesscatalog_filterview label {clear:left; float:left; width:200px; padding:3px 20px 10px 70px; margin-bottom:5px; font-weight:bold;}
#businesscatalog_filterview select {padding:3px; margin-bottom:5px; width:200px;}
#businesscatalog_filterview #services_offered {clear:left;}
#businesscatalog_filterview #services_offered ul {overflow:hidden;}
#businesscatalog_filterview #services_offered li {float:left; height:60px; width:190px; margin-right:10px;}
#businesscatalog_filterview #services_offered label {float:left; width:auto; clear:none; padding:0px; margin-left:5px;}
#businesscatalog_filterview #services_offered input {border:none; width:auto; margin:2px 0; padding:0px; margin-left:5px;}
	
/* search view */
#businesscatalog_searchview td.image_cell {width:150px;text-align:center;}
#businesscatalog_searchview td.action_cell {width:95px;}
#businesscatalog_searchview table {margin:30px 0 0 30px; width:550px;}
#businesscatalog_searchview th {vertical-align:top; width:100px; padding-top:5px;}


/************* Events Listing ************/
/*filter view*/ /* Todo: rewrite this template */
#events_list_filtering label {float:left; width:150px; padding:3px 20px 10px 70px; margin-bottom:2px; font-weight:bold;}
#events_list_filtering input, #events_list_filtering select {padding:1px; margin-bottom:9px; width:200px;}
#events_list_filtering input[type=button] {width:100px; margin-left:200px;}
#events_list_filtering .Button {width:100px; margin-left:200px;}
#events_list_filtering table {margin-top:20px; width:95%; margin-left:10px;}
#events_list_filtering td {border:none; padding:15px 4px;}

/*********** Event Details **************/
#EventDetails .ControlBody {margin-top:10px;}
#EventDetails .ControlBody h4 {width:100%; padding:3px; margin:10px 0px 5px 0px;}
#EventDetails .leftPanel {float:left; width:60%; margin-right:3%; overflow:hidden;}
#EventDetails .rightPanel {float:left; width:37%; overflow:hidden;}
#EventDetails .details, #EventDetails .attend ,#EventDetails .description, #EventDetails .comments {}
#EventDetails .image, #EventDetails .sponsor {text-align:center;}
#EventDetails .attending .memberSelectList {padding:5px; margin-top:5px; width:95%; height:295px; overflow-y:scroll;}
#EventDetails .attending .memberSelectList li {margin-right:5px;}

/*************** Sign Up **************/
#SignUpWizard table {margin-left:10px; width:95%; margin-bottom:15px;}
#SignUpWizard th {text-align:left; padding-left:10px;}
#SignUpWizard td {}

/********** Sign Up Conf & Payment ********/
#SignUpPayment table {width:500px; margin:auto;}
#quickstart_view textarea {width:300px}

#quickstart_step_container {clear:both;}
#quickstart_save_changes {margin:10px auto 0px auto; width:265px; clear:both;}

.quickstart_abilityGroups ul a {color:Black;}
.quickstart_abilityGroups ul a:hover {text-decoration:none;}
.quickstart_abilityGroups ul.abilities li {float:left; width:125px; height:20px; cursor:hand;}

#quickstart_downstream {margin:0px auto 15px auto; width:95%;}
#quickstart_downstream ul.floatingList {width:100%;}
#quickstart_downstream ul.floatingList li {height:75px; width:45%; margin-right:10px; border-width:2px; margin-bottom:10px;}
#quickstart_downstream ul.floatingList li .link {float:right;}
#quickstart_downstream ul.floatingList li.spacer {width:25px;}

/*************** Contact Log **************/
/*Add New Entry*/
#conatct_log_addnew table {width:550px; margin:15px 0 30px 30px;}

/*Search entries*/
#conatct_log_filteresults table {width:550px; margin:15px 10px 15px 30px;}
#conatct_log_filteresults p {margin:0px 35px 0 0;}

/*view Entry*/
#conatct_log_viewentry  {}

/************* Freinds Requests ************/
/* From Profile Control Panel */
#FriendsWaitingForAcceptance {}
#FriendsWaitingForAcceptance .friend_request {float:left; margin:5px; margin-bottom:15px; text-align:center;}
#FriendsWaitingForAcceptance .friend_request_details {height:85px; width:100px; clear:both; font-weight:bold;}


/********** Manage Content Wizard ********/
#ProfileManageContentWizard{}

/************** Mange Friends ************/
#MyFriendsPage span.CheckBoxList input, #MyFriendsPage span.RadioButtonList input {border:none; margin:0px; padding:0px; width:15px;}
#MyFriendsPage span.CheckBoxList label, #MyFriendsPage span.RadioButtonList label {width:146px; padding:1px 15px 0px 3px;}

/* NOTE - The styling for the list of Friends is WAY above */
#MyFriendsPage div.FriendCheckBox{display:block; text-align:center; width:100%;}
#MyFriendsPage div.FriendCheckBox input {float:none; border:none;}
#MyFriendsPage li.FriendEntry {float:left; width:300px;}
#MyFriendsPage li.FavFriendEntry {float:left; z-index:1;width:300px;}
#MyFriendsPage .FriendCheckList {position:absolute; width:200px; overflow:scroll; clear:both; z-index:10;}
#MyFriendsPage .FriendRemove {position:absolute; width:200px; padding:5px; z-index:0;}
#MyFriendsPage .FriendCheckList table td {border:0; margin-top:5px;}
#MyFriendsPage .FriendCheckList label {width:auto; padding:0;}
#MyFriendsPage .FriendCheckList input {border:0;}
#MyFriendsPage a {font-weight:bold;}
#friendactions {margin:0px; padding:0px;}
#friendactions ul {margin:0px; padding:0px;}
#friendactions li {float:left; width:100%; text-align:left; padding:0px; margin:1px 0px; height:20px;}
#friendactions li a {margin:0px; text-align:left; text-decoration:none; font-size:smaller; display:block; padding:1px 1px 1px 3px; width:190px; height:15px;}
#friendactions li a:hover {margin:0px;}
.MyFriendsPage_image {width:80px; padding:5px; float:left;}
.MyFriendsPage_actions {width:200px; padding:5px; float:left; text-align:left;}

/*****************My Pictures *******************/
#MyPicturesPage .img_description {position:absolute; width:200px; height:110px; text-align:left; padding:5px; z-index:0;}
#MyPicturesPage .MyPictureEntry, #MyPicturesPage .MyPictureEntryDefault, #MyPicturesPage .MyPictureEntryFavourite {width:100px; height:120px; margin:5px; padding:5px; text-align:center; float:left;}
#MyPicturesPage .MyPicturesList {width:95%; padding:5px; margin:5px;}	
.My_Pictures .picture_container {height:73px; width:72px; text-align:center;}
.My_Pictures li {width:72px; height:73px;}

/*************** Competitions **************/
#competitions .ControlHeader {min-height:40px;}
#competitions .competition_image {float:left; margin-right:10px;}
#competitions_view_active .competition_description {float:left; width:375px; margin-right:15px;}
#competitions_view_active .competition_prizes {float:left; width:235px;}
#competitions .ControlBody h4 {width:100%; padding:3px; margin:10px 0px 5px 0px;}
#competiton_entries_container {width: 100%;}
#competitions .vote {width:400px; margin:auto; text-align:center;}
#competitions .borderContainer10 {float:left; height:220px; width:190px; text-align:center; margin:5px 10px 5px 1px;}
.competiton_entries {height:100%; width:100%;}
.competiton_entries img {border:1px solid #ccc;} 
.competition_entries_navigation {width:100%;}
.competition_entries_navigation .competition_entries_navigation_prev {width:150px; float:left; text-align:left; padding-left:0px;}
.competition_entries_navigation .competition_entries_navigation_next {width:150px; float:right; text-align:right; padding-right:28px;}
.competitions_view_closed {clear:both;}
#competition_closed .competition_image {float:right;}

/*************** Profile Quickstart **************/
#quickstart_welcome_notice {width:580px; margin:15px 0px 10px 15px; padding:8px;}
#quickstart_step_container {border:solid 1px black; float:left; width:580px;	margin:15px 0px 0px 15px; padding:8px;}
#quickstart_step_number {float:left; width:70px; clear:right;}
.quickstart_aboutme {float:left;}
.quickstart_interests {float:right;}
#quickstart_icons {float:left; width:125px; height: 80px; padding:5px 0; text-align:center;}
#quickstart_icon_label {text-align:center; padding-left:20px;}
#quickstart_profileimage {float:right; border:1px solid #000; margin-right:90px; padding:2px 2px 0 2px;}
	
/*************** Awards **************/
#Awards ul {}
#Awards .Options {height:100px; overflow-y:auto; }
#Awards .Feed li { margin-bottom:5px;padding-bottom:5px;}
#Awards .Options li {float:left; height: 10px;  margin-right:5px; }
#Awards .Options li a { font-weight: bold; font-size:x-small; }
#Awards .text { float:left; margin-right:5px;}
#Awards .date {font-style:italic; float:left; margin-right:5px;}
#Awards .delete{float:right; font-weight:bold;}
#Awards .image{float:left; width:19px}
#Awards .message{float:left}
#Awards .toggle {float:left;}
#Awards .description {clear:both; margin: 3px 0px 3px 0px;padding:2px;font-style:italic;
	font-size: x-small;}
#Awards #aDescription {font-style:italic}
#Awards_FullScreen .checkboxList, #Awards_FullScreen .radboxList{height:150px;
	width:600px;overflow-y:scroll;margin: 5px;}

#Awards_FullScreen {text-align:center; font-size: smaller;}
#Awards_FullScreen h2, #Awards_FullScreen h1 { text-align:left;}
#Awards_FullScreen #ControlBody ul {margin:0; text-align:left; }
#Awards_FullScreen #ControlBody li {margin: 4px;float: left;width:135px;}
#Awards_FullScreen #ControlBody li .checkbox {margin-right: 4px;}
#Awards_AddNew .ControlBody li { text-align:left;}
#Awards_AddNew .img { float:left; width:30px; }
#Awards_AddNew .name { float:left; width:100px;}
#Awards_AddNew .desc { float:left; width:200px;}
#Awards_AddNew .edit { float:right; width:50px;}
#Awards_AddNew .delete { float:right; width:50px;}

/*************** Classifieds Search Criteria **************/
#clasifieds_filterview .search_catagories {text-align: center;}
#clasifieds_filterview .search_criteria {margin:10px auto 20px auto; width:320px;}
#clasifieds_filterview .search_criteria td {width:180px; text-align:right;}
#submit_search {text-align: center;}

/*************** Classifieds List **************/
#classified_list td {vertical-align:middle;}
#classified_list .border10 {width:540px;padding-top:10px;text-align:left;}
#classified_list .borderContainer10{width:550px;margin:auto;font-weight:bold;font-size:85%;}
#classified_list .borderContainer10 .item_image {text-align:center;}
#classified_list .borderContainer10 .item_image img {margin:auto; margin-top:25px;padding: 5px;}

/*************** View classifieds **************/
#member_profile_classifieds ul {clear:both;overflow:hidden; width:100%; padding:0; margin:0;}
#member_profile_classifieds li {float:left;}

#member_profile_classifieds .border10 {float:left;width:150px;height:160px;text-align:center;padding-top:10px;}
#member_profile_classifieds .border10 img {padding:2px;margin:3px;}
#member_profile_classifieds .borderContainer10{float:left;width:160px; margin:auto;font-weight:bold;font-size:85%;}
#member_profile_classifieds .item_description{font-size:12px;}
#member_profile_classifieds .classified_edit {padding-left:50px;}

/*************** Manage Classifieds **************/
/*
#manageClassifieds .currentImage, #classified_addnewform #SelectImage 
{float:left; margin-right: 30px;}
#classified_addnewform .upload, #manageClassifieds .upload {display:none; float:left; padding:0px;}
#classified_addnewform .imageList, #manageClassifieds .imageList {float:left; width:400px;}
#classified_addnewform .imageList .scroll, #manageClassifieds .imageList .scroll
 {height:150px;overflow-y:auto;padding:0px;}
#classified_addnewform .imageList ul, #manageClassifieds .imageList ul  {padding:0px;}
#classified_addnewform .imageList li, #manageClassifieds .imageList li
 {float:left;width:40px;height:40px; margin:1px;padding:0px;}
#classified_addnewform #selected { float:left; margin-right:20px;}
*/

/*************** Recent forum Posts ***************/
#member_recentpost {}

/*************** Personal Information ***************/
#personal_details {padding-left:5px;}
#personal_details .textCenter {text-align:center;}
#personal_details .birthday {font-weight: bold;}

/*************** Events I'm Hosting ***************/
#member_profile_common_myevents .event_details {font-size: 85%; vertical-align:middle; text-align:center;}

#member_profile_common_myevents table {margin:10px 0 5px 0;}
#member_profile_common_myevents td {padding: 5px 0 5px 3px;}

/*************** Messages **************/
#Messages {padding:10px; font-size:x-small;overflow:hidden;}
#Messages a {font-size:x-small;}

#Messages #inboxList {}
#Messages #checkboxList {overflow:hidden; height:160px; overflow-y:auto;}
/*#Messages #checkboxList ul {margin:0; text-align:left; }
#Messages #checkboxList li {margin:4px; float:left;width:120px; padding:0px;font-size:x-small;}
#Messages #checkboxList li.checkbox {margin-right: 4px;}*/

#Messages #ControlBody .compose{margin:auto; width:600px;}

#Messages .messageFields .textBox { width:400px;}
#Messages .messageFields .textArea { width:400px;}
#Messages .messageFields td, #Messages .messageFields th{border:none;}
#Messages .messageFields .field {width:75px;font-weight:bold;text-align:right;padding-right:10px;}

#Messages #inboxList {font-size:x-small; margin:0px; padding-top:10px;}
#Messages #inboxList ul { margin:0; text-align:left; }
#Messages #inboxList li {float:left; overflow:hidden; margin:0px; padding:5px 0 10px 0; width:100%;}

#Messages #inboxList .deleteMultiple {float:right;}
#Messages #inboxList .chk { float:left; padding:15px 5px 0px 3px;}
#Messages #inboxList .image , #Messages #content .message .image { float:left; 
	margin-right: 25px;}
#Messages #inboxList .sender,#Messages #content .message .sender {float:left; 
	margin-right: 35px;}
#Messages #inboxList .subject {float:left; margin-right: 15px;}
#Messages #inboxList .delete a {float:right;padding-top:20px;margin-right: 15px;font-weight:bold;}

#Messages #inboxList .date, #Messages #content .message .date {}
#Messages #header {padding:10px; text-align:center;}
#Messages #content .message{ margin-top:20px; overflow:hidden; clear:both;width:100%;}
#Messages #content .message .text { float:left; margin-right:35px; padding-bottom:15px; }
#Messages #reply {width:300px; margin:auto; margin-top:30px;}
#Messages #actions { float:right;}
#Messages #actions a { margin-right:20px;}
#Messages #content .deletedMessages , #Messages #content .branchedMessages {}
#Messages #content #aDeleted, #Messages #content #aBranched {padding:3px; margin:10px; }

/********le******* AccountPreferences **************/
#AccountPreferences {margin-top:20px;}
#AccountPreferences .label {padding-right:20px;}
#AccountPreferences .actions {margin-top:20px; margin-bottom:10px;}
#AccountPreferences table td {padding:5px 0px 5px 0px;}
#AccountPreferences .notificationsList { margin-left:20px;}

/*************** Gallery ***************/
.photo_info_panel {clear:both;overflow:hidden;margin-bottom:10px;text-align:left;}	
.photo_info_panel a {font-size:85%;}
.photo_info_panel .gallery_name {font-weight:normal;}
.photo_info_panel .profilePicture {float:left; margin:0 10px 0 15px;}
#gallery_view .album_info {font-size:90%}
#gallery_view .gallery_central {height:auto;width:576px;margin-left:auto;margin-right:auto;}
#gallery_view .gallery_container {clear:both;width:95%;overflow:hidden;padding:10px 0 15px 0;
	margin:10px auto 0 auto;}
#gallery_view .image_container {float:left;height:138px;width:138px;margin:3px;text-align:center;}
#gallery_view .image_container img {padding:4px;}
#gallery_view .image_container img:hover {border:2px}

#album_view .album_preview_list {overflow:hidden;}
#album_view .album_preview_list .fullpage_view {clear:both;}
#album_view .album_preview_list .widget_view {width:225px; float:left; }
#album_view .album_preview_list .widget_view .album_preview_details_widget {padding-top:5px;}
#album_view .album_preview_list .widget_view .album_preview_details_widget a {font-weight:bold; 
	font-size:90%;}
#album_view .album_preview_list .widget_view .album_preview_pic_widget img {float:left;
	margin-right:4px;width:75px;height:75px;}
#album_view .album_preview_list .fullpage_view {width:576px;padding:5px;
	margin:10px 5px 10px 5px;overflow:hidden;}
#album_view .album_preview_list .fullpage_view .album_preview_pic_fullscreen {float:left;
	margin-right:7px;width:150px;height:150px;text-align:center;}
#album_view .album_preview_list .fullpage_view .album_preview_details_fullscreen {padding-top:5px;}
#album_view .album_preview_list .fullpage_view .album_preview_details_fullscreen a {font-size:85%;}
#album_view .album_preview_list .fullpage_view .album_preview_details_fullscreen .gallery_name
{font-weight:bold; font-size:90%;}

#edit_gallery td {width:auto;border:none;}
#edit_gallery table {font-weight:bold; font-size:90%; width:50%;}
#edit_gallery .upload_control {text-align:center;width:600px;margin:5px auto 10px auto;font-weight:bold;}
#edit_gallery .image_container, #edit_gallery .gallery_images {width:96%;
	margin: 0 auto 10px auto;padding:5px;font-weight:bold; font-size:13px;}
#edit_gallery .image_container .user_images_scroll, #edit_gallery .gallery_images 
.gallery_drop_area_scroll {margin-top:3px;overflow-y:auto;overflow-x:hidden;}
#edit_gallery .image_container .user_images, #edit_gallery .gallery_images .gallery_drop_area 
{margin-top:3px;}
#edit_gallery .image_container img {/*width:56px;height:56px;*/text-align:center;}
#edit_gallery .gallery_images img {padding:2px;margin:3px;}
#edit_gallery .image_container .user_images {height:175px;}
#edit_gallery .gallery_images .gallery_drop_area {height:110px;}


#pictures_popup_list {width:100%;}
#pictures_popup_list .image_container {text-align:center; width:470px; margin:auto;}
#pictures_popup_list .pic_tags {margin: 0 auto 0 auto;width:90%; font-size:85%}
#pictures_popup_list .pic_tags a {font-weight:bold;}
#pictures_popup_list .pic_tags p {text-align:center;font-size:15px;font-weight:bold;}
#pictures_popup_list .tag_photo {padding-bottom:15px;}
#pictures_popup_list .add_tag {text-align:center; width: 200px; margin:auto;}
#pictures_popup_list .add_tag table {text-align:left;width:40%;}
#pictures_popup_list .add_tag td {border:none;}
#pictures_popup_list .comments {float:left;width:410px;margin-bottom:10px; margin-right:10px;}
#pictures_popup_list .navigation {float:left;text-align:center;font-weight:bold;font-size:12px;}
#pictures_popup_list .navigation a {font-weight:bold;font-size:85%;}
#pictures_popup_list .navigation a:hover {text-decoration:none;}
#pictures_popup_list .navigation .previous_image, #pictures_popup_list .navigation .next_image
 {float:left;width:80px;height:80px;padding:3px;}
#pictures_popup_list .comeptition_picture {margin: 0 auto 0 auto;width:180px;text-align:center;}

/* ************* Member Search  ****************** */
#memberSearch {overflow:hidden;margin:7px;width:600px;}
#memberSearch .members {margin:0px;padding:0px; }
#memberSearch .members .memli {overflow:hidden; height:118px;margin:3px 3px 20px 3px;
	padding:1px;float:left;width:180px;}
#memberSearch .members .member {width:100%; overflow:hidden;}
#memberSearch .members .member .title{ width:100%;text-align:center;margin-bottom:2px; }
#memberSearch .members .member .title a {font-weight:bold; }
#memberSearch .members .member .img{ width:80px; height:75px; float:left;}
#memberSearch .members .member .actions{width:95px;float:left;}
#memberSearch .members .member .actions ul {margin: 0px; padding: 0px;}
#memberSearch .members .member .actions li { width:90px; padding:1px;}
#memberSearch .members .member .actions a {padding-left:2px;font-weight:bold;font-size:x-small;
	display:block;width:89px;}
#memberSearch .members .member .actions a:hover {cursor:hand; text-decoration:none;}
#memberSearch .members .member .footer{ float:left; width:100%; text-align:center;}

/*************** Blog ***************/
#blog_display {text-align:center;}
#blog_display .blog_entry {width:90%;margin:0 auto 15px auto;padding:5px; border-style:outset;}
#blog_display .blog_title {width:95%;margin:0 auto 10px auto;}
#blog_display .blog_title h3 {font-size:108%;}
#blog_display .dateToggle, #BlogManagement .dateToggle { margin-top:10px; text-align:left; padding-left:20px;}
#blog_display .dateToggle h4,#BlogManagement .dateToggle h4 { margin-top:15px; text-align:left;}

#BlogManagement th { padding:0px 10px 0px 5px; }

/*#BlogManagement .dateRangeToggle { border: solid 2px #ccc}*/
/*************** Careers *****************/
/***** Search *****/
#careers_search_view .job_title {font-weight:bold;font-size:12px;}
#careers_search_view .job_details {width:60%;float:left;font-weight:normal;}
#careers_search_view .job_details a {font-weight:bold;}
#careers_search_view .job_links a {float:left;width:20%;padding:15px 0 0 0;}
#careers_search_view .border10 {width:540px; padding:10px;}
#careers_search_view .borderContainer10{width:550px;font-weight:bold;font-size:85%;}
.vacant, .filled {font-weight:bold;}

/***** Details *****/
#careers_details_view .job_header {width:100%;}
#careers_details_view .job_header .job_image {float:left;}
#careers_details_view .job_header .job_image img {padding:2px;}
#careers_details_view .job_header .job_title {float:left; margin:20px 0 0 3px;}
#careers_details_view .job_header .job_title .title_header {font-weight:bold; font-size:14px;}
#careers_details_view .job_header .job_title .title_subheader {font-size:85%;}
#careers_details_view .job_details {float:left;width:30%;}
#careers_details_view .job_description {float:left;padding-left:15px;}
#careers_details_view .job_apply {clear:both;}
#careers_details_view .apply_grid {display:none;}

/*************** Sub-Pages Widget *****************/
#Sub_Page_List ul {width:100%; overflow:hidden;}
#Sub_Page_List li {float:left;text-align:center;}


/*************** Application Search *****************/
#AppSearch ul {list-style: none;}
#AppSearch .tabs {float:left;width:540px;}
#AppSearch #ControlBody {font-size:x-small; padding:8px; margin:0px 1px 1px 1px;}
#AppSearch .search {font-size:small; color:gray; margin:0px; padding:0px 5px 0px 0px;}
#AppSearch .apps {float:left; width:600px; overflow:hidden;}
#AppSearch .apps .app {width:600px;}
#AppSearch .apps ul {margin:0px 10px 1px 2px; padding:5px;}
#AppSearch .apps li {margin:0px; overflow:hidden; padding:10px;}
#AppSearch .apps .app .img {float:left; width:60px; padding-top:10px;}
#AppSearch .apps .app .desc {float:left; width: 440px; margin-right:10px;}
#AppSearch .apps .app .add {float:left; width: 50px; margin:auto;}
#AppSearch .categories {float:left; width:150px; padding:5px;}
#AppSearch .categories ul {margin-left:1px;}
#AppSearch .categories li {margin: 0px 0px 2px 0px; padding:2px; width:120px; margin: 0px}
#AppSearch .categories li a {width:120px; padding-left:5px; display: block;}
#AppSearch .categories li a:hover { text-decoration:none;}

/*************** Application Description *****************/
#AppDescription .app {width: 750px;font-size:small; padding:10px;}
#AppDescription .img {float:left; width:90px;}
#AppDescription .desc {float:left; width:650px;}
#AppDescription .stats ul {margin:10px 0px 0px 0px;}
#AppDescription .categories {font-weight:bold;}
#AppDescription .users {font-weight:bold;}
#AppDescription .created {font-weight:bold;}
#AppDescription .actions {margin-top:15px; padding:10px; text-align:center; width:550px; 
	margin:auto; }

/*************** Application Add *****************/
#AppAdd .app {width: 750px;font-size:small; padding:10px;}
#AppAdd .img {float:left; width:90px;}
#AppAdd .desc {float:left; width:650px;}
#AppAdd .appPrivileges {padding:10px; margin:10px 0px 10px 0px;}
#AppAdd .appPrivileges ul { margin:10px 0px 0px 0px;}
#AppAdd .actions {margin-top:15px; padding:10px; text-align:center; width:250px; margin:auto;}
#AppAdd .pageSelection {margin-bottom:20px;}

/*************** Application Spread *****************/

#AppSpread {font-size:x-small;}
#AppSpread .title { margin:5px 0px;}
#AppSpread .title h2 { float:left; margin:4px 0px 0px 4px;}
#AppSpread .title img {float:left;}
#AppSpread .runApp { float:right; margin:0px 10px 0px 0px;}
#AppSpread .memberSelectList {overflow:hidden; height:230px; overflow-y:auto;}
#AppSpread .selectAll {float:right; margin:10px 15px 2px 0px;}
#AppSpread .subtitle {float:left; margin: 0px 0px 0px 2px;}
#AppSpread .confirmation ul {text-align:left; }
#AppSpread .memberSelectList li .chk, #AppSpread .confirmation li .chk { display:none; }
#AppSpread .actions { width:150px; margin:10px auto 10px auto; }
#AppSpread .confirmation .scroll {overflow:hidden; height:65px; overflow-y:auto;}
#AppSpread .confirmation li {text-align:center; 
	margin:2px 2px 0px 2px; float:left; width:88px; height:17px; padding:0px; font-size:x-small;}
#AppSpread .confirmation li.first {width:20px;}
#AppSpread .confirmation .preview { padding:10px; width:550px; margin:10px auto 10px auto;}

/*************** Application Management *****************/

#AppManagement { font-size:x-small;}
#AppManagement #ControlBody { padding-bottom:30px;}
#AppManagement .desc { float:left; width:540px; padding: 10px 10px 10px 0px; }
#AppManagement .search { float:left; }
#AppManagement .appList {width:99%; margin: 10px 0px 10px 0px; }
#AppManagement .appList table td { padding: 5px 0px 5px 0px}
#AppManagement .appList table td a {font-weight:bold;}
#AppManagement .appList table td { border-left:none; border-right:none;}
#AppManagement .appList table .name a {font-size:small; }
#AppManagement .appList table .name { width:150px; vertical-align:text-top;}
#AppManagement .appList table .description {width:400px;}

#AppManagement .appSettings {padding:10px; margin:10px 0px 10px 0px;}
#AppManagement .appSettings ul {margin:10px 0px 0px 0px;}
#AppManagement .actions {margin-top:15px; padding:10px; text-align:center; width:250px;
	 margin:auto;}
#AppManagement .appSettings .pageSelection {margin-bottom:20px;}

/*************** Abilities *****************/

/*************** Abilities Profile *****************/
#Abilities #member_profile_abilities li { text-align:center; float:left; width:60px; 
	height:60px; margin-right:10px;}
#Abilities #member_profile_abilities .img { height:48px; cursor:help;}

/*************** Abilities Fullscreen *****************/
#Abilities #AbilitiesFullScreen ul a:hover { text-decoration:none;}
#Abilities #AbilitiesFullScreen ul.abilities li {float:left;width:125px;height:20px;cursor:hand;}
#Abilities #AbilitiesFullScreen .actions {margin:20px auto 20px auto; width:200px;}


#Abilities #AbilitiesFullScreen .currentRequests .cnf a { display:block; padding:1px 3px 1px 3px;}
#Abilities #AbilitiesFullScreen .currentRequests .cnf a:hover { border-style:outset;  }
#Abilities #AbilitiesFullScreen .currentRequests li.ability { padding:0px; float:left; 
	width:140px; height:18px; margin:5px 5px 0px 0px;}
#Abilities #AbilitiesFullScreen .currentRequests li.ability .txt { float:left; height:18px;
 margin:0px; padding:0px;}
#Abilities #AbilitiesFullScreen .currentRequests li.ability .cnf { float:right;height:18px;
 margin:0px; padding:0px;}
#Abilities #AbilitiesFullScreen .memberSelectList {overflow:hidden;height:153px;overflow-y:auto;}


/******* Banners *********/
.Banner { overflow:hidden;}

/******* Notifications *********/
.Notifications_List a { font-weight:bold;}
.Notifications_List .notificationList ul {}
.Notifications_List li.notificationItem, .Notifications_List li.date {padding:5px;}
.Notifications_List li.notificationItem .body { width:100%; padding-right:5px;}
.Notifications_List li.notificationItem .actions { float:right; width:50px; text-align:right;}
.Notifications_List .quote {padding: 5px 5px 12px 35px; margin:5px; font-style: italic;width:75%;}
.Notifications_List .imageContainer {width:60px; height:60px;}

.Notifications_Noticies li.notice { margin-bottom:10px; padding:3px 2px 3px 2px;}
.Notifications_Noticies li.notice h2 { margin-top:2px; }


#contentPlaceHolder4 .Notifications_List .ControlHeader, #contentPlaceHolder4 .Notifications_List .ControlHeader_withSubHeader,
#contentPlaceHolder4 .Notifications_Noticies .ControlHeader, #contentPlaceHolder4 .Notifications_Noticies .ControlHeader_withSubHeader
{margin-top:8px;}

.MemberItems .ControlHeader .title { float:left;} 
.MemberItems .ControlHeader .title img { float:left;}
.MemberItems .ControlHeader .title h4 { float:left; padding-left:5px;}
.MemberItems .ControlHeader .title h4 a { font-size:smaller;}


.MemberItems .ControlHeader .spread { float:right; margin:10px 10px 5px 0px;} 
.MemberItems .ControlBody h4 { width:100%;  padding:3px; margin:10px 0px 5px 0px; text-align:center;}
.MemberItems .Items li { float:left; width:135px; height:150px; margin:0px 10px 10px 10px;}
.MemberItems .ControlBody .wrapper .image { width:100px; margin:auto; height:100px;}
.MemberItems .ControlBody .wrapper .link { width:25px; margin:auto;}
.MemberItems .ControlBody .Item {padding:10px;}


.NewsArticleList h2 {FONT-SIZE: small}
.NewsArticleList .ControlHeader {padding:2px;font-size:small;overflow: hidden; margin-top:5px;}
.NewsArticleList {width:100%; overflow:hidden;}
.NewsArticleList .ControlHeader { margin-bottom:3px;}
.NewsArticleList li { padding:5px;}
.NewsArticleList .featuredArticleList {width:100%; overflow:hidden;}
.NewsArticleList .featuredArticleList .title{}
.NewsArticleList .featuredArticleList .image { float:left; width:85px; margin-right:5px;}
.NewsArticleList .featuredArticleList .content{ float:left; max-width:330px;}
.NewsArticleList .featuredArticleList .content .text{ clear:both;}
.NewsArticleList .featuredArticleList .content .date {font-size:smaller;float:right; }


#contentPlaceHolder2 #area1 .NewsArticleList .content, #contentPlaceHolder2 #area2 .NewsArticleList .content {width:195px;}

.NewsArticleList .articleList .content .date {font-size:smaller; }
.NewsArticleDisplay {padding:5px;}
.NewsArticleDisplay .header { margin-bottom:5px;padding-bottom:3px;}
.NewsArticleDisplay .header h1 { font-size:large; }
.NewsArticleDisplay .header .image{ float:left; width:160px; text-align:center;}
.NewsArticleDisplay .headerContent { float:left; width:455px;}
.NewsArticleDisplay .title {width:100%;}
.NewsArticleDisplay .date {width:100%; font-size:smaller;}
.NewsArticleDisplay .abstract{width:100%;}
.NewsArticleDisplay .abstract h2 {font-size:small;}
.NewsArticleDisplay .content{margin-bottom:10px;}
.NewsArticleDisplay .publisher{ width:98%; font-size:smaller; margin:5px 0px 10px 0px;}
.NewsArticleDisplay .publisher .name{ float:left;}
.NewsArticleDisplay .publisher .otherArticles{ float:right; padding-right:5px;}

.NewsArticleDisplay .related{ float:left; width:40%;}
.NewsArticleDisplay .related li {padding:5px}
.NewsArticleDisplay .comments{float:left; width:55%; margin-right:2%;}

#NewsArticlesManagement .ControlBody th { width:180px; font-weight:normal;}
#NewsArticlesManagement .categories li { float:left;}
#NewsArticlesManagement .membersArticles li { height:45px; border-bottom:solid 1px #ccc; width:98%}
#NewsArticlesManagement .membersArticles .img {float:left; width:50px; text-align:center;}
#NewsArticlesManagement .membersArticles .title {float:left; width:200px; padding-top:8px;}
#NewsArticlesManagement .membersArticles .abstract {float:left; width:250px; font-size:smaller;padding-top:8px;}
#NewsArticlesManagement .membersArticles .actions {float:left; width:75px;padding-top:8px;}

#NewsArticlesProfile .memArticles li {min-height:45px; height:auto !important; height:45px; border-bottom:solid 1px #ccc}
#NewsArticlesProfile .memArticles .img {float:left; width:50px; text-align:center;}
#NewsArticlesProfile .memArticles .title {float:left; width:180px; padding-top:8px;}

#InviteNewMember { padding:5px;}
#InviteNewMember .ControlHeader { margin:0px;}
#InviteNewMember .ControlHeader h2 {font-size:small; padding:3px;margin-bottom:0px;  }
#InviteNewMember .ControlBody { padding:3px;  margin:0px; font-size:smaller; color:#55482A;}
#InviteNewMember .textBox { width:125px; margin-bottom:3px; height:12px;}
#InviteNewMember .name, #InviteNewMember .email, #InviteNewMember .msg {float:left; margin-right:5px;}
#InviteNewMember .actions { clear:both; margin-top:3px;}
#InviteNewMember .msg .textarea {width:135px; height:35px; }
#contentPlaceHolder_Profile #InviteNewMember .msg { clear:left; width:220px;}
#contentPlaceHolder_Profile #InviteNewMember .msg .textarea {width:220px;height:35px; }

.UploadedFiles, .UploadedFiles ul, .UploadedFiles li {width:100%; overflow:hidden;}
.UploadedFiles .img, .UploadedFiles .chk { float:left; margin-right:5px; }
.UploadedFiles .link { float:left; margin-right:5px;}
.UploadedFiles .created {float:left;margin-right:5px; font-size:x-small; width:60px;}
.UploadedFiles .member {float:left;margin-right:5px; font-size:x-small; width:115px;}
.UploadedFiles .descLink {float:left;margin-right:5px;font-size:x-small; width:80px;}
.UploadedFiles .description {clear:both; padding:1px; margin:3px 0px 3px 5px; border:solid 1px #ccc; width:90%;}
.UploadedFiles .versions {float:left;margin-right:5px;font-size:x-small; width:80px;}
.UploadedFiles .versionsList {clear:both; padding:1px; margin:3px 0px 3px 5px; border:solid 1px #ccc; width:90%;}

#DynamicForm {padding:5px;}
#DynamicForm table td {padding-bottom:5px; font-weight:normal;}
#DynamicForm .checkboxlist li {float:left; margin-right:10px; display:inline; height:20px;}

.pageSearch .ControlBody .title {text-transform:uppercase; font-size:smaller; font-weight:bolder}
.pageSearch .ControlBody .content {font-size:smaller; margin: 5px 0px 5px 0px;}
.pageSearch .SearchContainer {width:310px; margin:20px auto 10px auto; padding:10px; overflow:hidden;}
.pageSearch .SearchContainer .text {float:left; padding:6px 0px; margin-right:5px;}
.pageSearch .SearchContainer .inputs {float:left; margin-right:5px;}
.pageSearch .SearchContainer .actions {float:left;}
.pageSearch .searchResults {clear:left; width:95%;}
.pageSearch .searchResults li {padding:5px; clear:left; overflow:hidden;}
.pageSearch .files .img, .pageSearch .files .title, .pageSearch .files created,
.pageSearch .files .desc { float:left;  margin:0px; margin-right:5px;}


.SiteSearch {height:30px; width:231px; padding:none; margin:none;}
.SiteSearch .predictivecombo .compose_message div.tokenizer{width:120px;height:15px;}
.SiteSearch .predictivecombo .tokenizer .tokenizer_input {height:12px;}
.SiteSearch .predictivecombo div.tokenizer .token { margin-top:0px; width:110px; overflow:hidden;}
.SiteSearch .ControlHeader {display:none;}
.SiteSearch .searchBox {float:left; padding:5px 0px 0px 20px;}
.SiteSearch .searchButton {float:left; padding:5px 0px 0px 5px;}
.SiteSearch .searchBox  input {font-size:smaller; font-style:italic; width:110px;}
.SiteSearch .searchButton  input {height:20px; font-size:small;}
.SiteSearch input.autocomplete_input  {width:110px;height:15px;}

#NewsArticlesManagement .ControlBody {width:95%; padding:10px 0px 10px 5px;}

/*********************/
/***** Networks ******/
/*********************/
#Networks .ControlBody, #Networks .ControlHeader {padding:3px;}

#Networks_Profile .ControlHeader {padding:5px 2px 7px 5px;}
#Networks_Profile a.join {margin:5px 0 10px 5px; width:85px; overflow:hidden; padding:5px; clear:both; display:block;}
#Networks_Profile ul li {overflow:hidden; height:50px; padding:0px; margin:0px;}
#Networks_Profile ul li img {height:20px; width:20px; padding:5px; float:left;}
#Networks_Profile ul li a {height:50px; float:left;}
#Networks_Profile ul li a .network {height:30px; line-height:30px;}
#Networks_Profile ul li a.description {clear:both;}

#Networks_Fullscreen .networkList {clear:both;}
#Networks_Fullscreen .networkList li {float:left; width:200px; height:230px; padding:5px;}
#Networks_Fullscreen .networkList li img {height:50px; width:50px; margin:5px; float:left;}
#Networks_Fullscreen .networkList li h2 {text-align:center; float:left; margin:5px 0px; height:50px; line-height:50px;}
#Networks_Fullscreen .networkList li .stats {margin-bottom:15px; clear:both;}
#Networks_Fullscreen .networkList li .descrip {font-style:italic;}

#Networks_Fullscreen .ControlHeader img {float:left; height:39px; width:39px;}
#Networks_Fullscreen .ControlHeader h2 {height:39px; line-height:39px; float:left; padding:0px; margin:0px 10px;}
#Networks_Fullscreen .ControlBody {clear:both;}
#Networks_Fullscreen .ControlBody h4 {width:100%;  padding:3px; margin:10px 0px 5px 0px;}
#Networks_Fullscreen .leftPanel {float:left; width:60%; margin-right:3%; overflow:hidden;}
#Networks_Fullscreen .rightPanel {float:left; width:37%; overflow:hidden;}

/***** Random Widgets ******/
.RandomItems .ControlHeader {padding:5px 5px 7px 5px; margin:20px 0 10px 0; overflow:hidden; height:100%;}
.RandomItems .ControlHeader h2 {border-top:none; padding:0px; margin:0px; float:left; font-size:small;}
.RandomItems .ControlHeader .wtitle {float:left; width:50%;}
.RandomItems .ControlHeader .wlink {float:right; width:50%; text-align:right;}
.RandomItems .ControlBody a {font-weight:bold;}

.RandomClassifieds ul {width:100%; height:auto}
.RandomClassifieds li {width:98%; height:100px; float:left; display:inline; padding:0px; margin:1px;}
.RandomClassifieds li .image {height:96px; width:100px; margin:2px; float:left;}
.RandomClassifieds li .image img {margin:auto;}
.RandomClassifieds li .details {height:90px; width:140px; margin:5px 0px 5px 2px; float:left;}
.RandomClassifieds li .details .title {clear:right; font-size:11px;}
.RandomClassifieds li .details .description {font-size:10px; font-style:italic;}

.RandomCareers li {width:95%; height:60px; clear:both; font-size:11px; overflow:hidden; padding:2px 4px;}
.RandomCareers li .job_title {font-weight:bold; float:left; width:100%;}
.RandomCareers li .job_details2 {float:right; text-align:right; font-size:10px; width:70%;}
.RandomCareers li .job_details1 {float:left; font-size:10px; width:30%;}
.RandomCareers li .small_gap {clear:both; height:4px; overflow:hidden; width:100%;}

.RandomEvents li {width:95%; height:35px; clear:both; font-size:11px; overflow:hidden; padding:2px 4px;}
.RandomEvents li .itm_img {width:30px; margin-right:3px;}
.RandomEvents li .itm_details {width:70%;}
.RandomEvents li .itm_details .itm_name {font-weight:bold;}
.RandomEvents li .itm_attend {float:right; width:40px; text-align:center; padding:0px; margin:0px;}
.RandomEvents li .itm_img, .RandomEvents li .itm_details {float:left;}



/***********************/
/*   Products List   */
/***********************/
.ProductsList .prodGallery li {  width:200px; padding:10px; border:solid 1px #ccc; float:left; margin-right:10px; height:250px; margin-bottom:10px; 
  overflow:hidden; display:block; text-align:center; }
.ProductsList .prodGallery .prodImg { text-align:center; border:solid 1px #ccc;  padding:5px; }
.ProductsList .prodGallery .productPrice { font-size:20px; color:Red;}
.ProductsList .prodGallery .productDescription { font-size:11px; color:#444444;}

/***********************/
/*   Products Display   */
/***********************/

.ProductsList .prodDisplay .prodImg { text-align:center; border:solid 1px #ccc;  padding:5px; margin-right:10px; }
.ProductsList .prodDisplay .productPrice { font-size:18px; color:#444444; margin-top:20px; }
.ProductsList .prodDisplay .addToBasket { margin-top:5px; }
.ProductsList .prodDisplay, .ProductsList .prodDisplay p { font-size:12px; color:#444444;}

.ProductsList .prodDisplay .relatedProducts { width:100%; margin-top:20px; display:block; overflow:hidden; }
.ProductsList .prodDisplay .relatedProducts h3 { margin-left:10px; margin-top:10px;}
.ProductsList .prodDisplay .relatedProducts li {display:table; width:90%; padding:5px; border:solid 1px #ccc; }
.ProductsList .prodDisplay .relatedProducts ul {margin:10px 10px;} 
.ProductsList .prodDisplay .relatedProdImg {margin-right:10px; }

/***********************/
/*   Product Basket   */
/***********************/

.ProductBasket input { font-size:11px;  padding:1px 2px;}
.ProductBasket .btnCheckout { text-align:right; margin-top:10px; float:right;}
.ProductBasket .btnCheckoutLeft { text-align:left; margin-top:10px; float:left;}
.ProductBasket .orderSteps { margin:10px 0px}
.ProductBasket .orderSteps li { display:inline;}