﻿body {font-family:Arial, Verdana, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height:20px; margin:0px; font-size:small;}

/************* Common Divs ************/
#wrapper {width:920px; margin:10px auto; padding-top:15px;}
/*#topBanner {width:990px; margin:auto; height:170px;}*/
#masterArea0, #masterArea1 {height:110px;}
#masterArea0 {float:left;}
#masterArea1 {float:right; }
#masterArea2, #masterArea3, #masterArea4, #masterArea5 {width:920px;}
#masterArea2 {overflow:visible; height:30px; line-height:20px;}
#masterArea3 {padding-bottom:20px;}
#masterArea5 {height:25px; padding-bottom:15px; margin:0px;}
#masterArea5 #BottomMenu_List {line-height:25px;}
#SystemPageRender {display:none;}

/************* 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:200px auto auto auto; width:400px; 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 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 0;}
.member_comments_list  .comment_body {overflow:hidden;}
.member_comments_list  .comment_body .comment_header {margin:5px 0 5px 0; 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 0px;}
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;}
.bulletList ul {list-style:disc; padding-left:25px;}

/* Tables */
table {border:0; 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 {width:auto;}

/* Buttons */
.button_sm, .button_mm, .button_lm {font-size:small; font-weight:bold; height:22px; margin:3px; padding-bottom:5px;}
.button_sm, .button_mm, .button_lm:hover {}
/*.button_sm {width:90px;}
.button_mm {width:140px;}
.button_lm {width:175px;}*/
.button_sl, .button_ml, .button_ll {padding:8px;}
.button_ml, .button_ll {font-size:0.92em; font-weight:bold;}

/* Other */
.quote {padding:15px 5px; 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;}

.signup_link {margin:10px;}

/************* Common Styling ************/
fieldset {padding:10px; width:85%; margin:20px 0px;}
legend {font-weight:bold; padding:5px 10px; margin:20px 0px;}
label {padding:0px;}
select {width:auto;}
textarea {height:75px;}

/* Tables */
table.layout, table.layout td, td.layout, table.layout th, th.layout {border:0; margin:0; padding:0;}
tr.alternating {}

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.tickBox, span.tickBox input,input.radioButton, span.radioButton input {border:0;}
input.toggle, span.toggle input {width:125px;}
input.noStyle, span.noStyle input {border:0; padding:0;}
input.inline {float:none; display:inline; margin:0 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:5px 15px 5px 40px; min-height:35px;}
.warning, .ValidationSummary {margin:10px 0; padding:5px 15px 5px 40px; min-height:35px; font-weight: bold;}
.error {margin:10px 0; padding:5px 15px 5px 40px; min-height:35px; font-weight:bold;}
.form {margin:10px 0; 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:hand; cursor:pointer;}


/* Grids */

/**************** Menus ***************/
#Menu {height:auto;}
#Menu .ControlHeader {display:none;}
#Menu li {margin:0;}
#Menu li img {display:none;}

/* Bottom Menu */
#BottomMenu_List {font-size:smaller; text-align:center;}
#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 {}
#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;}
#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 {padding:5px 0px; height:100%; width:90%; margin:auto;}
#SideSliderMenu ul.menuLevel_1 li {clear:both; min-height:52px; height:auto !important; height:52px; width:214px;}
#SideSliderMenu ul.menuLevel_1 li img {float:left;padding:6px;}
#SideSliderMenu ul.menuLevel_1 li .smenu img {float:right;}
#SideSliderMenu ul.menuLevel_1 li a {float:left; font-size:14px; padding-left:8px; line-height:44px; width:132px; font-family:Trebuchet MS; margin-bottom:10px;}
#SideSliderMenu ul.menuLevel_1 li a:hover {text-decoration:none;}
#SideSliderMenu ul.menuLevel_2 {clear:both; width:190px; margin:0px auto 10px auto; overflow:hidden;}
#SideSliderMenu ul.menuLevel_2 li {padding-left:10px; min-height:20px; height:20px;}
#SideSliderMenu ul.menuLevel_2 li a {float:left; font-size:12px; height:20px; line-height:20px; width:190px; margin:0px;}
#Menu #SideSliderMenu li img {display:block;}
#SideSliderMenu .smenu  img {display:inline; float:right; height:15px; width:20px; margin:10px 5px 0px 0px;}

/*************** RAD MENU *****************/
.RadMenu_Default {margin-left:5px; height:20px; line-height:30px;}
.RadMenu_Default .vertical .separator .text {padding-top:2px; font-size:1px;}
.RadMenu_Default .link {line-height:30px; text-decoration:none; padding:0px 5px;}

.RadMenu_Default .text {padding:0px 10px; font-size:14px; font-family:Trebuchet MS;}
.RadMenu_Default .group {border-right:0px; border-bottom:0px;}
.RadMenu_Default .group .link {text-align:left;}

.RadMenu_Default .slide ul.level1 li {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
.RadMenu_Default .slide ul.level1 li:hover {filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
.RadMenu_Default a.expanded .slide ul.level2 li {filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
.RadMenu_Default img {display:none;}

/*** PROFILE & WIDGETS ***/
 
/****** Profile Common Styling ********/

#contentPlaceHolder_Profile h1, #contentPlaceHolder4 h1 {font-size:large;}
#contentPlaceHolder_Profile h2, #contentPlaceHolder4 h2 {font-size:small;}

#contentPlaceHolder_Profile h2.withSubHeader, #contentPlaceHolder4 h2.withSubHeader {margin-bottom:0px;}

#contentPlaceHolder_Profile h3.subHeader,#contentPlaceHolder4 h3.subHeader {font-size:x-small; margin:0px 0px 5px 0px; padding:0px 0px 5px 5px;}

#contentPlaceHolder_Profile .ControlHeader, #contentPlaceHolder_Profile .ControlHeader_withSubHeader,
#contentPlaceHolder4 .ControlHeader, #contentPlaceHolder4 .ControlHeader_withSubHeader
{padding:5px 2px 7px 5px; margin:20px 0 10px 0; font-size:small; overflow:hidden; height:100%;}

#contentPlaceHolder_Profile #Text .ControlHeader, #contentPlaceHolder_Profile #Display .ControlHeader,
#contentPlaceHolder4 #Text .ControlHeader, #contentPlaceHolder4 #Display .ControlHeader
{border-top:none; background: none; padding:0px; margin:0px;}

#contentPlaceHolder_Profile .ControlHeader_withSubHeader,#contentPlaceHolder4 .ControlHeader_withSubHeader
{margin-bottom: 0px;}

#contentPlaceHolder_Profile .ControlHeader h2 ,#contentPlaceHolder_Profile .ControlHeader_withSubHeader h2,
#contentPlaceHolder4 .ControlHeader h2 ,#contentPlaceHolder4 .ControlHeader_withSubHeader h2
{border-top:none; padding:0px; margin:0px; float:left;}

#contentPlaceHolder_Profile .ControlHeader .AddWidget , #contentPlaceHolder_Profile .ControlHeader_withSubHeader .AddWidget,
#contentPlaceHolder4 .ControlHeader .AddWidget , #contentPlaceHolder4 .ControlHeader_withSubHeader .AddWidget
{font-size: x-small;text-align:right;float: right;}

#contentPlaceHolder_Profile .ControlHeaderSubHeader, #contentPlaceHolder4 .ControlHeaderSubHeader
{font-size:x-small; margin:0px 0px 5px 0px; padding:0px 0px 5px 5px;}
#contentPlaceHolder_Profile .ControlHeaderSubHeader h3, #contentPlaceHolder_Profile 
.ControlHeaderSubHeader a, #contentPlaceHolder4 .ControlHeaderSubHeader h3, 
#contentPlaceHolder4 .ControlHeaderSubHeader a {font-size:x-small; padding:0px; margin:0px;}

.ControlFooter {clear:both;}

/********* Profile Header **********/
/*
.ProfileHeader .memnum {display:none;}
.ProfileHeader {padding:10px; margin:15px;}
.ProfileHeader .imageContainer {text-align:center; float:left; height:100%;}
.ProfileHeader .textContainer {float:left; padding-left:15px;}
.ProfileHeader .textContainer h1 {padding:0px; margin:0px; line-height:normal;}
.ProfileHeader .textContainer p {margin:0px; padding:0px;}
.ProfileHeader .textContainer img {display:none;}
.ProfileHeader .textContainer .username {float:left; margin:0px; padding:0px;}
.ProfileHeader .textContainer .membertype {display:none;}
.ProfileHeader .textContainer .memnum {clear:both; float:left; padding-left:5px;}
.ProfileHeader .textContainer a {font-size:x-small;}
.ProfileHeader .textContainer .user_status, .ProfileHeader .textContainer a {float:left; padding-left:5px;}
*/
/********* 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 {margin-left:50px;}
.ProfileControlPanel h2 {padding:6px; width:835px;}
.ProfileControlPanel a {display:block; padding:4px; margin: 1px 0px; width:160px; height:20px; line-height:20px;}
.ProfileControlPanel img {padding-right:5px; float:left;}

/****** Tabbing ******/
#ControlBody {padding:5px; margin: 0px 6px 0px 0px;overflow:hidden; clear:both; height:100%; width:97%;}
#ControlHeader, .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;}
#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 .picture_container {text-align:center;}
.member_profile_common_mycomments .ValidationSummary {width:90%;margin:auto;}
.member_profile_common_mycomments .post {margin: 5px 0 10px 0; width:95%;}
.member_profile_common_mycomments .post textarea {width:99%;margin-bottom:15px;}
.member_profile_common_mycomments .post h4 {width:auto; float:left;}
.member_profile_common_mycomments .post input.textbox {margin-left:10px; width:370px; clear:right;}
.member_profile_common_mycomments .post a {clear:both; float:left; margin:4px; padding:7px;}
.member_profile_common_mycomments ul.comments_list li {clear:left; margin-bottom:10px;}
.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:500px;}
.member_profile_common_mycomments ul.comments_list div.comment .themeBackground {background:none; padding-bottom:4px;}
.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; }
.service_description {}
.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%;}
#Login h6 {text-align:center;}
#Login .smaller input {margin:0px;}
#Login label {padding:0; float:none;}
#Login input {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:90%;}

#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 {border:none;}
#forum_group_list table, #forum_topic_list table {clear:both; width:95%; margin: 10px auto;}
#forum_group_list th, #forum_topic_list th {font-size:11px; padding:2px;}
#forum_group_list td.groupRow {font-weight:bold; font-size:100%; height:36px; padding:0px 0px 0px 10px; border:none;}
#forum_group_list ul {margin-left:5px;}

#forum_group_list .forum_list, #forum_topic_list .forum_list {font-size:85%;}
#forum_group_list .forum_topics, #forum_topic_list .forum_topics, #forum_group_list .forum_posts, #forum_topic_list .forum_posts,
#forum_group_list .forum_details, #forum_topic_list .forum_details, #forum_group_list .forum_img, #forum_topic_list .forum_img,
#forum_group_list .forum_admin, #forum_topic_list .forum_admin {text-align:center; font-size:95%;}

#forum_group_list .forum_img, #forum_topic_list .forum_img {width:80px; padding:5px;}
#forum_group_list .forum, #forum_topic_list .forum, #forum_group_list .forum_topics, #forum_topic_list .forum_topics,
#forum_group_list .forum_posts, #forum_topic_list .forum_posts, #forum_group_list .forum_details,
#forum_topic_list .forum_details {padding:5px;}
#forum_group_list .forum_name, #forum_topic_list .forum_name {font-weight:bold; font-size:90%;}
#forum_group_list .forum_admin {width:140px;}
#forum_topic_list .forum_admin {width:80px;}

#forum_topic_list .breadcrumbs, #forum_topic .breadcrumbs {clear:left; float:left; margin-bottom:10px; font-size:13px;}
#forum_topic_list .last_page_link {float:right; font-size:80%;}
#forum_topic_list .paging, #forum_topic .paging {float:right; font-size:13px; margin-right:10px;}

/* list of posts in a topic */
#forum_topic {width:98%;margin:auto;}
#forum_topic #forum {clear:both; margin:15px auto; width:90%; border:none; overflow:hidden;}
#forum_topic .seperator {background-color:#fff; height:3px;}

#forum_topic .poster {width:15%; float:left; padding:5px; font-size:80%; text-align:left; border-right:solid 2px #fff;}
#forum_topic .poster a {font-weight:bold; font-size:105%;}
#forum_topic .poster .noposts {color:#888;}

#forum_topic .message_container {margin:0px 5px; width:80%; float:left; overflow:hidden;}
#forum_topic .subject {float:left;}
#forum_topic .message {clear:both; float:left; padding:5px;}
#forum_topic .edited {clear:both; float:left; font-size:70%; font-weight:bold;}

#forum_topic .footer {clear:both; float:left; padding-top:7px; width:100%;}
#forum_topic .footer a {float:left; font-size:70%; font-weight:normal; color:#000; text-align:center; padding:0px 3px;}
#forum_topic .footer a img {margin:auto;}

#forum_topic h3 {font-weight:normal; border-bottom:1px solid #fff; padding:5px 2px 5px 2px; margin:0; font-size:80%; color:#000;}

#forum_topic .post1, #forum_topic .post2 {clear:both; width:100%; float:left;}

/*************** 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_add li.noImage {}
#legal_contract_table {max-height:600px; width:98%; overflow-y:auto; overflow-x:hidden;}

/********** Business Directory *********/
/* filter view */
#businesscatalog_filterview .searchGrid {padding:15px; width:93%;}
#businesscatalog_filterview h1 {width:88%; font-size:large; height:30px; line-height:30px; padding-left:50px;}
#businesscatalog_filterview li {height:25px;}
#businesscatalog_filterview li label {width:150px; font-weight:bold; float:left; clear:left;}
#businesscatalog_filterview li select, #businesscatalog_filterview input.textbox {float:left;}
#businesscatalog_filterview input.textbox {height:20px; width:250px;}
#businesscatalog_filterview li select {width:250px;}
#businesscatalog_filterview #services_offered {clear:left;}
#businesscatalog_filterview #services_offered ul {overflow:hidden; margin:15px 0px;}
#businesscatalog_filterview #services_offered li {float:left; height:20px; line-height:20px; width:210px; margin:5px;}
#businesscatalog_filterview #services_offered li img {display:none;}
#businesscatalog_filterview #services_offered li label {float:left; width:auto; clear:right; padding:0; margin-left: 5px;}
#businesscatalog_filterview #services_offered li input {border:none; width:auto; margin:2px 0; padding:0px; margin-left:5px; float:left;}
	
/* search view */
#businesscatalog_searchview h1 {width:88%; font-size:large; height:30px; line-height:30px; padding-left:65px;}
#businesscatalog_searchview td.image_cell {width:150px; text-align:right; vertical-align:middle;}
#businesscatalog_searchview td.image_cell a {font-weight:bold; display:block; float:right;}
#businesscatalog_searchview td.image_cell a img {margin-left:7px; float:left;}
#businesscatalog_searchview td.image_cell a .linkText {padding-top:6px; float:left;}
#businesscatalog_searchview td.action_cell {width:95px;}
#businesscatalog_searchview table {margin:20px; width:550px;}
#businesscatalog_searchview th {vertical-align:top; width:100px; padding-top:5px;}


/************* Events Listing ************/
/*filter view*/
#events_list_filtering table {margin-top:20px; width:95%; margin-left:10px;}
#events_list_filtering td {border:0; padding:15px 4px;}

#events_list .searchGrid, #events_list_filtering .searchGrid {padding:15px; width:93%; height:100%; overflow:hidden;}
#events_list li, #events_list_filtering li {height:25px; clear:both;}
#events_list li label, #events_list_filtering li label {width:150px; font-weight:bold; height:25px; float:left; clear:left;}
#events_list li select, #events_list_filtering li select, #events_list input.textbox, #events_list_filtering_filterview input.textbox {float:left;}
#events_list li select, #events_list_filtering li select {width:250px;}

/*********** 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 {} /* Available if styling needed */
#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;}


/*Add New Event*/
/*
#events_addnew .upload {display:none; float:left; padding:0px;}
#events_addnew .imageList{float:left; width:400px;}
#events_addnew .imageList .scroll{height:150px;overflow-y:auto;padding:0px;}
#events_addnew .imageList ul {padding:0px;}
#events_addnew .imageList li{float:left;width:40px;height:40px; margin:1px;padding:0px;}
#events_addnew #selected { width:50px; float:left; margin-right:20px;}
*/

/*************** Sign Up **************/
#SignUpWizard table {border:1px solid #B5995A;margin-left:10px;width:95%;margin-bottom:15px;}
#SignUpWizard th {text-align:left;border:1px solid #B5995A;padding-left:10px;}
#SignUpWizard td {border:1px solid #B5995A;}
#SignUpWizard table input,#SignUpWizard table select {border:1px solid #B5995A;}

/********** 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 {border:0;margin:0;padding:0;width:15px;}
#MyFriendsPage span.CheckBoxList label {width:146px;padding:1px 15px 0px 3px;}
#MyFriendsPage span.RadioButtonList input {border:0;margin:0;padding:0;width:15px;}
#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:0;}
#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:5px 0 0 0;}
#MyFriendsPage .FriendCheckList label {width:auto;padding:0;}
#MyFriendsPage .FriendCheckList input {border:0;}
#MyFriendsPage a {font-weight:bold;}
#friendactions{margin:0px 0px 0px 0px;padding: 0px 0px; }
#friendactions ul {margin:0px; padding: 0px;}
#friendactions li
{float: left;width:100%; text-align:left; padding: 0px; margin:1px 0px 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 #cccccc;} 
.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; }

/*
#competition_usermessage,
#competitions_view_active .competition_header { float: none; }
#competitions_view_active .competition_prizes { float: right; width: 380px;}
#competitions_view_active .competition_image { float: none; }
#competiton_entries_container {border: none;width: 100%;}
#competiton_entries {float: left;height:220px;width:200px;border: solid 1px #B4985A;text-align: center; margin: 5px 1px 5px 1px;}
#competiton_entries img {border: 1px solid #cccccc;} 
.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; }
*/
/*
#competitions_view_active {	text-align: left;}
#competitions_view_active td {border: 0px solid #FFFFFF;}
#competitions_view_header td {text-align:center;}
#competitions_view_prize td {border: 1px solid #CCCCCC;}
#comp_entry_header {background-color: #B4985A;color: #ffffff;font-weight: bold;
padding: 1px 0 1px 0;margin-bottom: 2px;}
#competitions_listview .comp_navigation, #competitions_listview a {text-align:center;font-size: x-small;}
*/

/*************** Profile Quickstart **************/

#quickstart_welcome_notice {width: 580px;margin: 15px 0px 10px 15px;padding: 8px 8px 8px 8px;}

#quickstart_step_container {background-color:cornsilk;border:solid 1px black;float:left;width: 580px;
	margin: 15px 0px 0px 15px;padding: 8px 8px 8px 8px;}
#quickstart_step_number {float: left;width: 70px;clear:right;}
.quickstart_pictureupload {}
.quickstart_aboutme {	}
.quickstart_interests {	float:right;}
#quickstart_icons {float: left;width: 125px;padding: 5px 0 5px 0;text-align: center;}
#quickstart_icon_label {text-align: center;padding-left: 20px;}
#quickstart_profileimage {float: right;border: 1px solid #000000;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 {width:50px; 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;}

#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;}
#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:0px 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; 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 {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; 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; 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; text-align:center; 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:800px; overflow:hidden;}
#AppSearch .apps .app {width:auto;}
#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:10%; padding-top:10px;}
#AppSearch .apps .app .desc {float:left; width:75%; margin-right:10px;}
#AppSearch .apps .app .add {float:left; width:10%; 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-left:2px;}
#AppSpread .confirmation ul {text-align:left;}
#AppSpread .memberSelectList li .chk, #AppSpread .confirmation li .chk {display:none;}
#AppSpread .actions {width:150px; margin:10px auto;}
#AppSpread .confirmation .scroll {overflow:hidden; height:65px; overflow-y:auto;}
#AppSpread .confirmation li {text-align:center; margin:2px 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;}

/*************** 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;}
#AppManagement .appList table td {padding: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;}
#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;}
#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;}
.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;}

/* News Articles */
.NewsArticleList {width:90%; overflow:hidden; margin:auto;}
.NewsArticleList .ControlHeader {padding:5px 2px 7px 5px; margin:20px 0 10px 0; overflow:hidden; height:100%;}
.NewsArticleList .ControlHeader h2 {border-top:none; padding:0px; margin:0px; float:left; font-size:small;}
.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 {height:60px;}
.NewsArticleList .featuredArticleList .content .date {font-size:smaller; float:right;}

.NewsArticleList .articleList .content .date {font-size:smaller;}

.NewsArticleDisplay {padding:5px;}
.NewsArticleDisplay .header {margin-bottom:5px;}
.NewsArticleDisplay .image {float:left; width:160px;}
.NewsArticleDisplay .headerContent {float:left;}
.NewsArticleDisplay .title {width:100%;}
.NewsArticleDisplay .date {width:100%;}
.NewsArticleDisplay .abstract {width:100%;}
.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%;}


#InviteNewMember {padding:5px; width:90%; margin:auto;}
#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;}

.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;}
.pageSearch .files .img, .pageSearch .files .title, .pageSearch .files created,
.pageSearch .files .desc { float:left;  margin:0px; margin-right:5px;}

.SiteSearch {width:170px; line-height:20px; float:right;}
.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:1px 5px 0px 0px;}
.SiteSearch .searchButton {float:left;}
.SiteSearch .searchBox  input {font-size:smaller; font-style:italic; width:125px;}
.SiteSearch .searchButton  input {height:20px; font-size:small; padding:0px;}
.SiteSearch input.autocomplete_input  {width:110px;height:15px;}
#contentPlaceHolder2 #area1, #contentPlaceHolder4 #area1, #contentPlaceHolder5 #area1 {border-right:solid 1px #9bb8ea;}