/*
	Copyright 2009 Our Diggs LTD
	www.ourdiggs.co.uk
	
	Dashboard CSS
*/

/*
	Left
*/

div#left
{
	float: left;
	width: 250px;
	margin: 10px 0px 0px 0px;
	min-height: 600px;
	
	background: url(../images/global/menu_left_back.png) repeat-y;
}

div#left h2, div#right h2
{
	clear: left;
	
	width: 250px;
	height: 28px;
	margin: 0px;
	padding: 12px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
	
	background: url(../images/global/menu_left_header.png) no-repeat;
	
	font-size: 13px;
	color: #FFFFFF;
	text-shadow: #455a76 -1px -1px 0;
}

div#area
{
	margin: 10px 10px 0px 260px;
}

div#area_middle
{
	margin: 10px 270px 0px 260px;
	padding: 0px;
}

/*
	Right
*/

div#right_big
{
	margin: 10px 10px 0px 260px;
}

div#right
{
	float: right;
	width: 250px;
	margin: 10px 10px 0px 0px;
	min-height: 650px;
	
	background: url(../images/global/menu_right_back.png) repeat-y;
}

/* Uses div#left h2 properties */
div#right h2
{	
	background: url(../images/global/menu_right_header.png) no-repeat;
}

div#right .avatar
{
	float: left;
	width: 70px;
	height: 70px;
	
	padding: 1px;
	margin: 0px 0px 9px 8px;
	
	border: 1px solid #dddddd;
}

div#right ul.useroptions
{
	float: right;
	width: 160px;

	margin: 0px;
	padding: 0px;
}

div#right ul.useroptions li
{
	list-style: none;
	padding: 0px;
	
	line-height: 18px;
	font-size: 11px;
}
div#right ul.useroptions li a:link, div#right ul.useroptions li a:visited
{
	color: #79828d;
}

div#right ul.useroptions li a:hover
{
	color: #a7adb4;
}


/*
	Sub Tabs
*/

div#subtabs-container
{	
	height: 50px;
	margin: 0px 10px 0px 260px;
	background: url(../images/dashboard/tabs/border.png) left bottom repeat-x;
}

ul#subtabs
{
	float: left;
	width: 630px;
	height: 32px;
	
	margin: 18px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

ul#subtabs li
{
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	
	font-size: 11px;
	font-weight: bold;
}

ul#subtabs li.preload
{
	background: url(../images/dashboard/tabs/small_hover.png) no-repeat;	
}

ul#subtabs li a:link, ul#subtabs li a:visited, ul#subtabs li a:hover
{
	float: left;
	width: 97px;
	height: 21px;
	margin: 3px 0px 0px 10px;
	padding: 8px 0px 0px 0px;
	
	color: #7d7d7d;
	
	background: url(../images/dashboard/tabs/small.png) no-repeat;
}

ul#subtabs li a:hover
{
	color: #a2a2a2;
	background: url(../images/dashboard/tabs/small_hover.png) no-repeat;
}

ul#subtabs li.current a:link, ul#subtabs li.current a:visited, ul#subtabs li.current a:hover
{
	float: left;
	width: 102px;
	height: 22px;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
	
	color: #3b3b3b;
	
	background: url(../images/dashboard/tabs/current.png) no-repeat;
}

ul#subtabs li.current a:hover
{
	color: #727272;
	background: url(http://ourdiggs.co.uk/assets/images/dashboard/tabs/current_hover.png) no-repeat;
}

ul#subtabs li.preload-current
{
	background: url(http://ourdiggs.co.uk/assets/images/dashboard/tabs/current_hover.png) no-repeat;
}

/*
	Custom Lists
*/

ul.custom, ul.todolist
{
	margin: 0px;
	padding: 0px;
	
}

ul.custom li
{
	padding: 0px 0px 0px 30px;
	margin: 8px 0px 0px 4px;
	list-style: none;
	
	height: 35px;
	width: 210px;
}

ul.custom li .small, ul.todolist .small
{
	font-size: 11px;
	color: #7e848c;
}

ul.custom li a:link, ul.custom li a:visited, ul.custom li a:hover,
ul.todolist li a:link, ul.todolist li a:visited, ul.todolist li a:hover
{
	font-size: 12px;
	font-weight: bold;
	color: #636970;
}

ul.custom li a:hover,
ul.todolist li a:hover
{
	color: #898f96;
}

ul.custom li.footer
{
	padding: 7px 0px 5px 10px;
	margin: 0px;
	height: 20px;
}

ul.custom li.footer a:link, ul.custom li.footer a:visited, ul.custom li.footer a:hover
{
	font-size: 11px;
	font-weight: normal;
	color: #848383;
}

ul.custom li.footer a:hover
{
	color: #acacac;
}

/*
	Custom Backgrounds
*/

ul.custom li.house
{ background: url(../images/dashboard/custom-lists/house.png) no-repeat; }
ul.custom li.friend
{ background: url(../images/dashboard/custom-lists/friend.png) no-repeat; }
ul.custom li.favourite
{ background: url(../images/dashboard/custom-lists/favourite.png) no-repeat; }
ul.custom li.message
{ background: url(../images/dashboard/custom-lists/message.png) no-repeat; }
ul.custom li.person
{ background: url(../images/dashboard/custom-lists/person.png) no-repeat; }
ul.custom li.agent
{ background: url(../images/dashboard/custom-lists/agent.png) no-repeat; }
ul.custom li.nearby
{ background: url(../images/dashboard/custom-lists/nearby.png) no-repeat; }
ul.custom li.none
{ background: url(../images/dashboard/custom-lists/none.png) no-repeat; }
ul.custom li.help
{ background: url(../images/dashboard/custom-lists/help.png) no-repeat; }

/*
	To Do List
*/

ul.todolist li
{
	padding: 0px 0px 0px 30px;
	margin: 8px 0px 0px 4px;
	list-style: none;
	
	height: 65px;
	width: 210px;
}

ul.todolist li .options a:link,
ul.todolist li .options a:visited,
ul.todolist li .options a:hover
{
	font-size: 11px;
	font-weight: normal;
	color: #999999;
}
ul.todolist li .options a:hover { color: #666666; }

ul.todolist li.todo_invite
{ background: url(../images/dashboard/todo-list/invite.png) bottom no-repeat; }
ul.todolist li.todo_friends
{ background: url(../images/dashboard/todo-list/friend.png) bottom no-repeat; }
ul.todolist li.todo_housemates
{ background: url(../images/dashboard/todo-list/housemate.png) bottom no-repeat; }
ul.todolist li.todo_explore
{ background: url(../images/dashboard/todo-list/explore.png) bottom no-repeat; }
ul.todolist li.todo_like
{ background: url(../images/dashboard/todo-list/like.png) bottom no-repeat; }
ul.todolist li.todo_house
{ background: url(../images/dashboard/todo-list/live.png) bottom no-repeat; }
ul.todolist li.todo_viewing
{ background: url(../images/dashboard/todo-list/viewing.png) bottom no-repeat; }
ul.todolist li.todo_student
{ background: url(../images/dashboard/todo-list/student.png) bottom no-repeat; }
ul.todolist li.todo_settings
{ background: url(../images/dashboard/todo-list/settings.png) bottom no-repeat; }

ul.todolist li.todo_complete
{
	margin: 3px 0px 0px 4px;
	padding: 7px 0px 0px 30px;
	height: 23px;
	background: url(../images/dashboard/todo-list/complete.png) bottom no-repeat;
}

/*
	Activity Lists
*/

ul#activity
{
	margin: 10px 270px 0px 260px;
	padding: 0px;
}

ul#activity li
{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	
	display: block;
	width: 100%;
	height: 37px;
	
	border-bottom: 1px solid #d9d9d9;
	
	font-size: 11px;
	color: #7e848c;
}

ul#activity li.small
{
	margin: 0px;
	height: 20px;
	border-bottom: 0px;
}

ul#activity li.button
{
	height: 40px;
	border-bottom: 0px;
}


ul#activity li .info
{
	padding: 0px 0px 0px 30px;
	
	float: left;
	width: 65%;
	height: 35px;
	font-weight: normal;
}

ul#activity li .time
{	
	float: right;
	width: 22%;
	height: 15px;
	
	padding: 20px 10px 0px 0px;
	
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	color: #7e848c;
}

.msgtick
{
	margin: 0px 0px 15px 0px;
}

ul#activity li a:link, ul#activity li a:visited, ul#activity li a:hover
{	
	font-size: 13px;
	font-weight: bold;
	color: #6d809a;
}

ul#activity li a:hover
{
	color: #a1a8b2;
}

ul#activity li .links a:link, ul#activity li .links a:visited, ul#activity li .links a:hover
{	
	font-size: 11px;
	font-weight: normal;
	color: #878c93;
}
ul#activity li .links a:hover { color: #5c6167; }

ul#activity li .dudLink
{
	color: #6d809a;
	font-size: 13px;
	font-weight: bold;
}

/*
	Custom Icons
*/

ul#activity li.house
{ background: url(../images/dashboard/icons/house.png) no-repeat; }
ul#activity li.comment
{ background: url(../images/dashboard/icons/comment.png) no-repeat; }
ul#activity li.favourite
{ background: url(../images/dashboard/icons/favourite.png) no-repeat; }
ul#activity li.friend
{ background: url(../images/dashboard/icons/friend.png) no-repeat; }
ul#activity li.message
{ background: url(../images/dashboard/icons/message.png) no-repeat; }
ul#activity li.messagenew
{ background: url(../images/dashboard/icons/messagenew.png) no-repeat; }
ul#activity li.messageoutbox
{ background: url(../images/dashboard/icons/messageoutbox.png) no-repeat; }
ul#activity li.housemate
{ background: url(../images/dashboard/icons/person.png) no-repeat; }
ul#activity li.none
{ background: url(../images/dashboard/icons/none.png) no-repeat; }
ul#activity li.like
{ background: url(../images/dashboard/icons/like.png) no-repeat; }
ul#activity li.dislike
{ background: url(../images/dashboard/icons/dislike.png) no-repeat; }
ul#activity li.live
{ background: url(../images/dashboard/icons/live.png) no-repeat; }
ul#activity li.search
{ background: url(../images/dashboard/icons/search.png) no-repeat; }

/*
	Avatar Edit
*/

.avatar_current
{
	float: left;
	width: 30%;
	padding: 10px;
}

.avatar_right
{
	float: left;
	width: 60%;
	padding: 15px;
}

/*
	Form Structure
*/

form h2, div#area h2, h2#alerts, h2.dash_sub
{
	clear: right;
	
	width: 97%;
	margin: 0px;
	padding: 20px 0px 5px 5px;
	
	border-bottom: 1px solid #CCCCCC;
	
	/* Font Styles */
		
		font-size: 14px;
		font-weight: normal;
		color: #89919b;
}

div#area h2
{
	padding: 5px 0px 5px 5px;
}

h2#alerts, h2.dash_sub
{
	margin: 10px 270px 0px 260px;
	padding-top: 0px;
	
	width: auto;
	clear: none;
}

h3#alerts
{
	font-weight: normal;
	font-size: 11px;

	margin: 10px 270px 0px 260px;
	padding-top: 0px;
	
	width: auto;
	clear: none;
	
	line-height: 19px;
}
h3#alerts a:link, h3#alerts a:visited { color: #666666; border-bottom: 1px solid #CCCCCC; }
h3#alerts a:hover { color: #999999; border-bottom: 1px solid #C0C0C0; }

form h3
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	
	/* Font Styles */
		
		font-size: 12px;
		color: #89919b;
}

form h3 .small
{
	font-size: 11px;
	font-weight: normal;
}

form p
{
	margin: 0px;
	padding: 0px;
}

form div.formLeft, form div.formRight
{
	width: 50%;
	height: 60px;
}

form div.formLeft
{
	float: left;
}

form div.formRight
{
	float: right;
}

form div.button
{
	width: 180px;
	margin: 30px 0px 20px 0px;
	text-align: left;
}

/*
	Form Style
*/

form .fieldHalf, form .fieldFull
{
	border: 1px solid #c9cdd2;
	padding: 5px;
	background: #FFFFFF;
	
	/* Font Styles */
		
		font-size: 12px;
		color: #55595e;
}

form .fieldHalf
{
	width: 90%;
}

form .fieldFull
{
	width: 95%;
}

form p.note, form p.option
{
	font-size: 11px;
	padding: 10px 20px 0px 20px;
	color: #999999;
	margin: 0px;
}

form p.option
{
	height: 20px;
	padding: 5px 0px 0px 0px;
}

form p.link
{
	height: 10px;
	padding: 10px 0px 0px 10px;
	
	font-size: 11px;
}
form p.link a:link, form p.link a:visited
{ color: #666666; }
form p.link a:hover
{ color: #657ca6; }

input.bigbutton
{
	border: 2px solid #dde1e7;
	padding: 10px 0px 10px 0px;
	width: 130px;
	background: #f5f6f7;
	
	/* Font Styles */
		
		font-size: 12px;
		font-weight: bold;
		color: #717171;
}

input.button, input.buttonsmall
{
	border: 1px solid #dde1e7;
	padding: 6px 0px 6px 0px;
	width: 110px;
	background: #f5f6f7;
	
	/* Font Styles */
		
		font-size: 11px;
		font-weight: bold;
		color: #717171;
}

/*
	Account edit
*/

ul.account_info
{
	font-size: 11px;
	color: #666666;
	
	width: 80%;
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 10px 0px;
}

ul.account_info li
{
	list-style: none;
	height: 16px;
	padding-top: 4px;
	
	border-bottom: 1px solid #e4e4e4;
}

ul.account_info li .l, ul.account_info li .r
{
	display: block;
	float: left;
	width: 60%;
}

ul.account_info li .l { color: #999999; width: 40%; }

ul.account_info li.edit a:link, ul.account_info li.edit a:visited, ul.account_info li.edit a:hover
{
	color: #666666;
	font-weight: bold;
	padding-bottom: 2px;
}
ul.account_info li.edit a:hover
{
	color: #999999;
}

/*
	div#area_middle
*/

div#area_middle h3.msg
{
	font-size: 14px;
	color: #5774a6;
}

div#area_middle p
{
	color: #727883;
	line-height: 18px;
}
div#area_middle p a:link, div#area_middle p a:visited
{
	color: #727883;
	border-bottom: 1px solid #E0E0E0;
}
div#area_middle p a:hover
{
	color: #a9aeb7;
	border-bottom: 1px solid #E0E0E0;
}

p#msg_options
{
	border-top: 1px solid #e4e4e4;
	padding: 10px 0px 0px 0px;
	font-size: 11px;
}
div#area_middle p#msg_options a:link, div#area_middle p#msg_options a:visited, div#area_middle p#msg_options a:hover
{
	border-bottom: 0px;
}

/*
	User list
*/

ul#custom_lists
{
	margin: 0px;
	padding: 0px;
}

ul#user_list
{
	margin: 10px 270px 0px 260px;
	padding: 0px;
}

ul#user_list li, ul#custom_lists li
{
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	
	height: 40px;
	border-bottom: 1px solid #CCCCCC;
}

ul#user_list li .avatar, ul#custom_lists li .avatar
{
	float: left;
	width: 40px;
	padding: 0px 10px 0px 10px;
}

ul#user_list li .name, ul#custom_lists li .name
{
	float: left;
	width: 300px;
	padding: 3px 0px 0px 0px;
	
	height: 22px;
	font-size: 14px;
	font-weight: bold;
}
ul#user_list li .name a:link, ul#user_list li .name a:visited, ul#custom_lists li .name a:link, ul#custom_lists li .name a:visited
{
	color: #5b749c;
}
ul#user_list li .name a:hover, ul#custom_lists li .name a:hover
{
	color: #5d697c;
}

ul#user_list li .options, ul#custom_lists li .options
{
	float: left;
	width: 300px;
	
	height: 25px;
	font-size: 11px;
	font-weight: normal;
}
ul#user_list li .options a:link, ul#user_list li .options a:visited, ul#custom_lists li .options a:link, ul#custom_lists li .options a:visited
{
	color: #666666;
}
ul#user_list li .options a:hover, ul#custom_lists li .options a:hover
{
	color: #999999;
}

ul#custom_lists li .name { width: 70%; }
ul#custom_lists li .options { width: 70%; }

/*
	Houses List
*/

ul#house_list
{
	clear: right;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

ul#landlord_list, ul#search_list, ul#portfolio_list
{
	margin: 0px;
	padding: 0px;
}

ul#landlord_list li, ul#house_list li, ul#search_list li, ul#portfolio_list li
{
	list-style: none;
	
	width: 100%;
	height: 100px;
	margin: 10px 0px 0px 0px;
	
	font-size: 11px;
	color: #666666;
}

ul#portfolio_list li
{
	display: block;
	height: 80px;
	width: 95%;
	padding: 10px;
	color: #6c778a;
	
	background: #FFFFFF;
	border-bottom: 1px solid #e4e4e4;
}

ul#landlord_list li a:link, ul#landlord_list li a:visited, ul#landlord_list li a:hover,
ul#house_list li a:link, ul#house_list li a:visited, ul#house_list li a:hover,
ul#search_list li a:link, ul#search_list li a:visited, ul#search_list li a:hover
{
	display: block;
	height: 80px;
	padding: 10px;
	color: #6c778a;
	
	background: #FFFFFF;
	border-bottom: 1px solid #e4e4e4;
}
ul#landlord_list li a:hover,
ul#house_list li a:hover,
ul#search_list li a:hover
{
	color: #FFFFFF;
	background: #67809f url(http://ourdiggs.co.uk/assets/images/areas/houserollover.png);
	border-bottom: 1px solid #4d5663;
}

ul#landlord_list li div.image,
ul#house_list li div.image,
ul#search_list li div.image,
ul#portfolio_list li div.image
{
	float: left;
	width: 76px;
	height: 76px;
	
	padding: 1px;
	margin-right: 10px;
	
	border: 1px solid #ececec;
}

ul#landlord_list li div.title,
ul#house_list li div.title,
ul#search_list li div.title,
ul#portfolio_list li div.title
{
	float: left;
	width: 74%;
	height: 25px;
	padding: 5px 0px 0px 0px;
		
	font-size: 16px;
	font-weight: bold;
}

ul#portfolio_list li div.title a:link,
ul#portfolio_list li div.title a:visited,
ul#portfolio_list li div.title a:hover
{
	color: #6c778a;
}

ul#landlord_list li div.title .small,
ul#house_list li div.title .small,
ul#search_list li div.title .small,
ul#portfolio_list li div.title .small
{
	font-size: 11px;
}

ul#landlord_list li div.blurb,
ul#house_list li div.blurb,
ul#search_list li div.blurb
{
	float: left;
	width: 74%;
	height: 20px;
		
	font-size: 12px;
}

ul#landlord_list li div.options,
ul#house_list li div.options,
ul#search_list li div.options
{
	float: left;
	width: 74%;
	height: 15px;
	padding: 5px 0px 0px 0px;
	
	font-size: 11px;
	border-top: 1px solid #ececec;
}

ul#portfolio_list li div.links
{
	border-top: 1px solid #ececec;
	height: 30px;
	float: left;
	width: 74%;
	padding: 5px 0px 0px 0px;
}

ul#house_list li div.title,
ul#house_list li div.blurb,
ul#house_list li div.options,
ul#search_list li div.title,
ul#search_list li div.blurb,
ul#search_list li div.options
{
	width: 84%;
}