@charset "UTF-8";
/* CSS Document */

html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 11px; color: #333333;line-height: 18px;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 


#content{ padding-top:15px;min-width:1010px; background: url(../images/tree_bar.gif) repeat-x; height:720px;}
* html #content {width:expression( documentElement.clientWidth < 1024 ? (documentElement.clientWidth == 0 ? (body.clientWidth <1000 ? "1000" : "auto") : "1000") : "auto" );}

img { display:inline; padding:0; margin:0;}


* html .minwidth { border-left:300px;}

#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
#clear {clear:both; padding:0; margin:0;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
p {padding:0; margin:0 0 10px 0;}
a:link, a:visited {text-decoration:underline; color:#333333; }
a:hover {text-decoration:underline}
a:visited {text-decoration:underline; color:inherit }

/* ------------ Book Styles --------------*/

#book { background: url(../images/book_bg.gif) no-repeat; width:627px; height:710px; float:right; }

#bookcolLeft { width:445px;float:left; padding:0}

#bookcolRight { width:160px;float:left; padding:25px 0 0 0}


#bookContent { padding: 0px 24px 33px 33px; width:388px;}

#bookContent a:hover { color:#000000;}
#bookContent a:link { text-decoration:underline; }

#logo { height:200px; margin:auto; }

#rBox {padding:0; width:160px;}


#rBoxContent {padding:0 0 0 16px;}

#bookImage {background: url(../images/book_image_top.png)top; margin: 3px 0 0 1px; height:250px; padding-top:43px; }

#bookHeader {
	background: url(../images/medallion_v2.png);
	width:193px;
	height:178px;
	position:relative;
	margin-bottom: -178px;
	margin-left:130px;
	margin-top:3px;
	z-index: 99999999;
	cursor:pointer;
}

#book_menu { float:right;margin-top:100px; margin-right:0; width:37px;}

#book_menu li { list-style:none; list-style-position:inside; margin:0px -2px 0 0; float:right; } 

#book_menu ul { padding:0; margin:0; width:37px;}

/* ------------ Left Container --------------*/

#leftContainer { float:right; }

#leftContainer h1 { width:319px; height:82px; text-indent:-9999px; background:url(../images/ss_logo.gif) no-repeat; margin:50px 0 0 16px;}

/* ------------ Logo Styles --------------*/

.tree {margin:80px 0 0 30px; border:0;}

.amberley { margin:20px 0 0 20px; border:0;}


/* ------------ Table Styles --------------*/

#table { }
#tablePlanner_table { overflow:hidden; display:block; width:225px; height:457px; background:url(../images/table.png) no-repeat right; margin:0 0 0 4px }


/* ------------ Content Styles --------------*/

#cb_homepage {
	/*background:url(../images/cb_bg_trans.png);*/
	width:380px;
	height:auto;
	
}

#cb_homepage img {float:left; padding-right:15px;}

#cb_hompageContent {}

#subnavigation {margin:3px 24px 10px 25px; color:#363220;}
#subnavigation a:link, a:visited{ color:#363220;}
#subnavigation li { height:15px;list-style:none; float:left; list-style-image:none; margin-right:0px; padding:4px 8px;  }
#subnavigation li:hover { background: url(../images/subnav_hl.png) no-repeat;height:25px; text-decoration:none;}
#subnavigation ul {padding:0;margin:0; height:35px;}




/* ------------ Community Styles --------------*/

#community_recentUsersContainer { margin-left:-6px; width:155px;  }
#community_recentUsers { background: url(../images/blank_avatar.gif) no-repeat; padding:0; width:71px; height:71px; margin-bottom:5px; margin-right:3px;float:left;display:inline;}
.community_recentUsersContainer { margin-left:-6px; width:155px;  }
.community_recentUsers { background: url(../images/blank_avatar.gif) no-repeat; padding:0; width:71px; height:71px; margin-bottom:5px; margin-right:3px;float:left; }


.community_recentUsers_photo {padding:0 0 0 7px; margin:0; color:#6C6B69; text-transform:capitalize; display: inline;}
.community_recentUsers_nophoto {padding:63px 0 0 7px; margin:0; color:#6C6B69; text-transform:capitalize;}
#community_recentUsers img {padding:5px 0 0 7px; display:block;}
.community_recentUsers img {padding:5px 0 0 7px;display:block;}

#community_greeting { font-size:16px; width:140px;margin-left:16px;}
#community_memberContainer {width:89px; height:auto; float:left; margin:0 8px 0px 0px; text-align:center; color:#333333; display:inline;}

#community_members {background:url(../images/grouplist_bg.png) no-repeat; width:89px; height:89px; margin:0 0 2px 0; padding:0;}

#community_members:hover {background:url(../images/grouplist_bg_hover.png) no-repeat; }

#community_MemberPhoto { background: url(../images/blank_avatar.png) no-repeat; padding:0; width:71px; height:71px; margin:8px 7px 7px 8px;float:left; }

#community_MemberPhoto img { margin:5px 0px 0 2px; }

.community_friendCount {margin:15px 10px 0 0px; float:right; color:#666666; font-size:12px;}

.signout {font-size:11px;margin-left:16px; color: #666666 }

.tablelist {background:url(../images/table_list_b_bg.gif) no-repeat; width:109px; height:142px; overflow:hidden;  float:left; margin:20px 20px 0 0;}

.friendinput {background:url(../images/trans.gif); border:1px solid #888481; margin:5px 4px 0 4px; width:98px; text-align:center;display:none;}
.friendinpute {background:url(../images/trans.gif); border:1px solid  #888481; margin:9px 4px 0 4px; width:98px; text-align:center;display:none;}
.friendinput:hover {background:url(../images/trans.gif); border:1px solid #7F9CA4; margin:5px 4px 0 4px; width:98px;}
.friendinpute:hover {background:url(../images/trans.gif); border:1px solid  #7F9CA4; margin:9px 4px 0 4px; width:98px;}
.tablelist:hover {background:url(../images/table_list_b_hover.gif) no-repeat;cursor:pointer;}
.tablelisterror {background:url(../images/table_list_b_error.gif) no-repeat;}
.tablelistdone {background:url(../images/table_list_b_hover.gif) no-repeat;}
.tablelist_name {text-align:center; padding-top:3px;}
.tablelist_email {text-align:center; padding-top:1px;margin:0px;}
#tablelist_error {background:url(../images/tablelist_errorMessage.png) no-repeat; width:380px; height:41px; }

#notepadEnter{
	background:url(../images/cb_bg_trans.png);
	width:380px;
	height:auto;
	}
.notepad_note {margin:5px 5px 5px 6px; float:left;width:270px; border:2px solid #eee9dd; color:#333333; padding:3px; line-height:18px; height:22px; font-size:18px;}
.notepad_author { color:#3399FF; margin:0px;}


.notepad_container { margin-bottom:5px;width:144px;}
.notepad_a_top {background:url(../images/notepad_a.gif) no-repeat top; height:5px; padding:0; margin:0;}
.notepad_a_middle {background:url(../images/notepad_a_middle.gif) top; height:auto;width:124px; padding:0 10px;}
.notepad_a_bottom {background:url(../images/notepad_a_bottom.gif) no-repeat top; height:16px;}
/*.notepad_a_bottom_d:hover {background:url(../images/notepad_a_bottom_x.png) no-repeat bottom; height:16px;}*/
.notepad_a_bottom_d {background:url(../images/notepad_a_bottom_x.gif) no-repeat top; height:16px;}
.notepad_a_bottom p {text-align:right; padding:4px 0 0 0 ; margin:0px 40px 0 0; color:#7A7875;}
.notepad_a_bottom_d p {text-align:right; padding:4px 0 0 0 ; margin:0px 40px 0 0; color:#7A7875;}

.notepad_b_top {background:url(../images/notepad_b.gif) no-repeat top; height:5px;}
.notepad_b_middle {background:url(../images/notepad_b_middle.gif) top; height:auto;width:124px; padding:0 10px;}
.notepad_b_bottom {background:url(../images/notepad_b_bottom.gif) no-repeat top; height:16px;}
/*.notepad_b_bottom_d:hover {background:url(../images/notepad_b_bottom_x.png) no-repeat bottom; height:16px;}*/
.notepad_b_bottom_d {background:url(../images/notepad_b_bottom-x.gif) no-repeat top; height:16px;}
.notepad_b_bottom p {text-align:left; padding:4px 0 0 0 ; margin:0px 0 0 40px; color:#7A7875;}
.notepad_b_bottom_d p {text-align:left; padding:4px 0 0 0 ; margin:0px 0 0 40px; color:#7A7875;}


/* --------------- Button Styles --------*/

.buttonStart { background:url(../images/blueButtonBg.gif) left no-repeat; height:28px; width:4px;float:left; margin-top:2px; margin-bottom:0;}
.buttonEnd { background:url(../images/blueButtonBg.gif) right no-repeat; height:25px; padding:3px 12px 0 3px; float:left; font-weight:normal; font-size:11px; margin-top:2px;margin-bottom:0; cursor:pointer;}
.buttonREnd { background:url(../images/blueButtonBg.gif) right no-repeat; height:25px; padding:3px 12px 0 3px; float:left; font-weight:normal; font-size:11px; margin-top:2px;margin-bottom:0; width:85%; text-align:right;}

a .buttonEnd{text-decoration:none; cursor:hand; cursor:pointer; color:#333333; }
a .buttonREnd{ text-decoration:none; cursor:hand; cursor:pointer; }


#buttonContainer {height:auto; width:auto; float:right; margin:30px 24px 0 0; display:block}
.buttonTStart { background:url(../images/blueButtonTan.png) left no-repeat; height:28px; width:4px;float:left; margin-top:2px; margin-bottom:0;}
.buttonTEnd { background:url(../images/blueButtonTan.png) right no-repeat; height:25px; padding:3px 12px 0 3px; float:left; font-weight:normal; font-size:11px; margin-top:2px;margin-bottom:0; width:85%; text-align:right;}

.buttonREnd  a:link,.buttonREnd  a:visited {text-decoration:none;}
.buttonEnd  a:link,.buttonEnd  a:visited {text-decoration:none;}

#buttonframe { margin:15px 20px 0 0; text-align:right; clear:both;}

ul.bullet
{
list-style-type: none;
padding: 0;
margin: 0;
}

ul.bullet li
{
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 30px;
margin-bottom:15px;
}
ul.bullet.li2 li{
margin-bottom:
5px;

}

.button{
width:121px;
height:28px;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
background:url(../images/button.png);
border:none;
color:#333333;
cursor:hand;
cursor:pointer;
}

.loginbutton{
width:144px;
height:28px;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
background:url(../images/loginbutton.png);
border:none;
color:#333333;
cursor:hand;
cursor:pointer;
padding-bottom:5px;
}

.postbutton{
width:78px;
height:28px;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
background:url(../images/postbutton.png);
border:none;
color:#333333;
cursor:hand;
cursor:pointer;
margin:8px 3px 0 3px;
}

/* ------------- Form --------------------------*/




input.text, input.errorBox {

border:none;
width:250px;
font-size:18px; 
color:#333333;
padding:3px;
margin:5px;
float:right;
}
#Details input.text, #Details input.errorBox {
margin:2px 5px;
}

#Details .textsmall{
margin:0;
}

input.text{
border: 2px solid #eee9dd;
}
.textArea{
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
border:none;
border: 2px solid #eee9dd;
width:280px;
font-size:18px; 
color:#333333;
padding:3px;
margin:5px;
float:right;
}

input.text:focus, .textArea:focus{

border:2px solid #c6b79e;
background:#fdf8f7;
}


input.errorBox{
border:2px solid #c57171;
background-color:#e7a4a4;
margin:5px 5px 5px 5px;
}
input.errorBox:focus{
border:2px solid #c57171;
background-color:#ffb9b9;
margin:5px 5px 5px 5px;
}


.required{
color:#c57171;
font-weight:bold;
}

.field {
clear:right;	
}
.fieldLabel{
float:left;
width:115px;
text-align:right;
padding:10px 0 0;
}
.field .errorText{
width:250px;
padding:0 0 5px 0;
color:#c57171;
float:right;
}
.checkbox {
width:250px;
padding:0 0 5px 0;

}
.twoline{

}
.select{
width:250px;
height:35px;
float:right;
}

.checkbox{
float:right;
}

/* -------------- Will's Changes --- */

#rBoxContent input#username, #rBoxContent input#ctl00_RightContent_RecentMembers_username, #rBoxContent input#password, #rBoxContent input#ctl00_RightContent_RecentMembers_password {

border:none;
font-size:18px; 
color:#333333;
padding:3px;
margin:3px;
float:right;
width:130px;

border: 2px solid #eee9dd;
}

#rBoxContent input#username:focus, #rBoxContent input#password:focus, #rBoxContent input#ctl00_RightContent_RecentMembers_username:focus, #rBoxContent input#ctl00_RightContent_RecentMembers_password:focus {

border:2px solid #c6b79e;
background:#fdf8f7;
}
 
/* --------------- Footer Styles --------*/ 
 
#footer { clear:both; float:right; margin:2px 10px 10px 0;}
#footer a:link, a:visited{ color:#333333}
#footer a:hover{ color:#37AED7}


.error {display:none}
.message {display:none}

.FAQ_fade{
			position:relative;
			background:url(../images/FAQ_fade.png);
			width:382px;
			height:77px;
			margin-top:-74px;
			margin-left:26px;}
			
			* {margin: 0px; padding: 0px;}
			
			.requirefield { color:#C57171; font-weight:bold;}
			
/*--- HIDE PROFILES ---*/

#Avatar, #Group, #Password{
display:none;
}


#ConfirmationFAQ {height:90px;}