/*
-----------------------------------
MY ACCOUNT USER PANELS
-----------------------------------
*/

/* == my account == */
#my_account {min-height: 189px; background: #fff url(graphics/my_account_bg.png) no-repeat 0 100%; margin: 6px 10px 20px; padding: 2px 11px 5px; clear: both; }
#my_account .avatar { position: static; }
#my_account .avatar.over {border:1px solid #fff;}
#my_account h2 { margin: 0 0 10px 0; line-height: 1; }
#my_account h2, #my_account p, #my_account a { color: #959595; border-color: #959595; }
#my_account h2 span {display: block; margin-top: 3px; }
#my_account #accountDetails { width:258px; overflow-x:hidden; }
#my_account #accountDetails h2 { width:191px; float:right; }
#my_account #accountDetails p { clear:right; margin:0; }

#my_account #accountDetails h2 span {color:#4f4d45; }
#my_account p { margin: 10px 0 0; }
#my_account ul { margin: 10px 0 0; padding-left: 0; font-size: 1.1em; font-weight: bold; clear: left; }
#my_account ul:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }
#my_account li { border-bottom: 4px solid #fff; float: left; list-style-type: none;} /* using border instead of margin to deal with IE haslayout issues */ 
#my_account li a.tab { text-decoration: none; display: block; width: 117px; height: 26px; padding: 14px 0 0 9px; border: none; outline: none; }
#my_account li a.tab:hover { background-color: transparent; text-decoration: underline; }
#my_account li div { width: 258px; height: 0; position: absolute; overflow: hidden; padding: 0; }
#my_account li div.sleeve { width: 250px; height: auto; position: static; font-size: 0.905em; padding: 4px; margin: 0; }
#my_account li div p {margin-top: 0;}
#my_account li div table {width: 200px; border:0; background-color: transparent; float: none}
#my_account li div tr {background: url(graphics/border_dotted.png) repeat-x bottom left;}
#my_account li div thead tr {color: #959595;}
#my_account li div th {font-weight: normal; text-align: left; border:0; background-color: transparent; padding:0;}
#my_account li div td {padding:2px 0;}
#my_account li div tbody .topicItem { padding-right:8px; }
#my_account li div tbody .topicItem a { display:block; font-weight: bold; color: #00AE6F; white-space: nowrap; text-overflow: ellipsis; width:191px; overflow:hidden; text-decoration:none; border:0 none; }
#my_account li div tbody .topicItem a:hover { background:#F0F0F0; }

/*closed states*/
#my_account_inbox, #my_account_forums, #my_account_jobs { margin-right: 6px; }

#my_account_inbox a.tab, #my_account_friends a.tab, #my_account_forums a.tab,
#my_account_favourites a.tab, #my_account_jobs a.tab, #my_account_profile a.tab {background: url(graphics/panels.png) no-repeat 0 0;}

#my_account_inbox a.tab {background-position: 0 0;}
#my_account_friends a.tab {background-position: -127px 0;}
#my_account_forums a.tab {background-position: 0 -40px;}
#my_account_favourites a.tab {background-position: -127px -40px;}
#my_account_jobs a.tab {background-position: 0 -80px;}
#my_account_profile a.tab {background-position: -127px -80px;}

#my_account_friends div, #my_account_favourites div, #my_account_profile div { margin-left: -132px;}

/*open states*/
#my_account .open a.tab { color: #4f4d45; }
#my_account .open div { background: #fff url(graphics/my_account_border.png) no-repeat 0 bottom;}
#my_account .open div.sleeve { background: url(graphics/blueborder.png) no-repeat 0 0;}
#my_account .open div.AJAX_load { border: 0px; padding: 0; margin: 0; height: 110px; background:url(graphics/ajax_loading.gif) bottom center no-repeat; }

#my_account .empty { text-align:center; margin:0; padding:59px 0 65px; }
#my_account .first td { padding-top:11px; }
#my_account .more { margin:3px 0 0 5px; padding-left:9px; position: absolute; top: 153px; left: 5px; background-position: -67px -325px;}
#my_account .message { margin-left: 100px;}
#my_account .more a { color:#0086CF; font-weight:normal; border-color:#0086CF; }
#my_account .more a:hover { background-color:#F0F0F0; }

#my_account_inbox.open a.tab {background-position: 0 -123px;}
#my_account_friends.open a.tab {background-position: -127px -123px;}
#my_account_forums.open a.tab {background-position: 0 -163px;}
#my_account_favourites.open a.tab {background-position: -127px -163px;}
#my_account_jobs.open a.tab {background-position: 0 -203px;}
#my_account_profile.open a.tab {background-position: -127px -203px;}

#my_account table { margin-left:5px; }
#my_account_inbox.open div.sleeve, #my_account_forums.open div.sleeve, #my_account_jobs.open div.sleeve { background-position: 100% 0; }
#my_account #my_account_inbox th { padding-bottom:3px; padding-top:4px; }
#my_account_inbox .secondheading { margin:0 3px 0; }
#my_account_inbox h3 { font-size:1.45em;}
#my_account_inbox td a { color:#000; display:block; text-decoration:none; border:0 none; width:70px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#my_account_inbox td a:hover { color:#000; display:block; text-decoration:none; border:0 none; background-color:#F0F0F0; }
#my_account_inbox tr { font-weight:normal; color:#000; }
#my_account_inbox tr.new { font-weight:bold; }
#my_account_inbox .from { width:70px; padding-right:8px; }
#my_account_inbox .subj { width:114px; padding-right:8px; }
#my_account_inbox .subj a { width:114px; }
#my_account_inbox .date a { width:42px; }

#my_account_forums td { font-weight:normal; }
#my_account #my_account_forums th { padding-bottom:3px; }
#my_account_forums table { margin-top:2px; }

#my_account_favourites ul {padding: 8px 0 0 6px; margin-top: 5px;}
#my_account_favourites li {float: none; clear: left; width: 235px;}
#my_account_favourites li h3 {margin:0; font: bold .91em Arial, sans-serif;}
#my_account_favourites li h3 a {border-bottom-color: transparent}
#my_account_favourites li .meta {font-weight: normal; font-size: .91em; margin-bottom: 3px;}

#my_account #my_account_jobs form div {height: auto; background: none; position: static; width: 126px; white-space: nowrap; overflow: visible; /* previous three to work around border clipping issue in IE */ }
#my_account_jobs form label {position: absolute; left:-9999px;}
#my_account_jobs form div { padding-bottom: 1px; }
#my_account_jobs form p {font-weight: normal; margin:0; color:#959595; padding: 1px 0 0;}
#my_account_jobs form .text, #my_account_jobs form select { width: 180px; vertical-align: top; }
#my_account_jobs form select {width: 183px;}
#my_account_jobs form .button {	margin: 0 0 0 6px; }
#my_account_jobs form {	background: url(graphics/border_dotted.png) repeat-x bottom; margin: 0 6px; }
#my_account_jobs form input:focus, #my_account_jobs form select:focus {background-color: #ffffb7; color: #000; border-color: #000; }
#my_account #my_account_jobs form #SavedJob {width: auto;}
#my_account_jobs #savedJobsTitle {background: url(graphics/border_dotted.png) repeat-x bottom; padding-bottom: 2px;}
#my_account_jobs #savedJobsTitle .more {float: none; margin-left: 62px; display: inline; border:0; background-position: -67px -327px}
#my_account_jobs #SavedJob {padding-bottom: 2px;}
#my_account_jobs #SavedJob ul {font-size: 1.02em; margin-top:1px;}
#my_account_jobs #SavedJob ul:after {content:".";visibility:hidden; height:0; display: block; clear: both;}
#my_account_jobs #SavedJob li { float: none; border:0; display: block; width: 238px; overflow: hidden; text-overflow: ellipsis;}
#my_account_jobs #SavedJob li a {color: #ed1746; border:0;}
#my_account_jobs .more { position: static; float: left; margin: 0 5px 0 7px; }

#my_account_profile h3 {margin:0; font-size: 1.45em;}
#my_account_profile .sleeve div {overflow: visible;  background: none; border: 1px solid #bfbfbf; padding: 1px 0 1px 1px; width: 90%; height: 13px; margin:3px 0 0 0; clear: left; float: left;}
#my_account_profile .sleeve span {display: block; margin-bottom: 5px; font-weight: normal; font-size: 1.09em;}
#my_account_profile .more {margin: 0 0 5px 0; position: static; }
#my_account_profile .more.first {margin-top: 20px;}
#my_account_profile .more a {font-weight: bold;}
#my_account #my_account_profile div.sleeve {padding: 10px;}
#my_account #my_account_profile div.sleeve div {position: static; margin-bottom: 5px;}
#my_account_profile ul li { width: 100px; padding-left: 10px; background: url(graphics/sprite.png) -67px -325px no-repeat; }
#my_account_profile ul li a {color:#0085CF;border-bottom-color:#fff; font-size: .905em}
#my_account_profile ul { margin: 5px 0 3px; }
#my_account_profile ul.last { margin-bottom: 0; }
#my_account_profile .secondheading { margin: 0 0 5px; }

#my_account_friends h2 { background: url(graphics/border_dotted.png) repeat-x bottom; padding: .5em 0 .5em 5px; margin-bottom: 0;}
#my_account_friends .gallery, #my_account_friends .gallery div {overflow: visible; background: none;}
#my_account_friends .sleeve .gallery {margin:15px 0 0 0; background: none;}
#my_account_friends .gallery:after {content:"."; visibility: hidden; height: 0; clear: both; display: block;}
#my_account_friends .gallery .thumbs {width: 180px; margin-left: 0; padding:0;}
#my_account_friends .gallery .thumbs .thumbs_sleeve {margin-left: 28px; width: 196px; height: 94px; overflow: hidden; background: none;}
#my_account_friends .gallery .thumbs .thumbs_sleeve:after {content:"."; visibility: hidden; height: 0; clear: both; display: block;}
#my_account_friends .gallery .thumbs .previousButton {left:5px; top: 18px}
#my_account_friends .gallery .thumbs .nextButton {right: -65px; top: 18px;}
#my_account_friends .gallery .thumbs ul { margin: 0; }
#my_account_friends .gallery .thumbs li {margin-right: 7px; background: 0; text-align: center; width: 60px; overflow-x: hidden; word-wrap: break-word;}
#my_account_friends .gallery .thumbs li a {font-weight: normal; font-size: .9em; border: 0}
#my_account_friends .gallery .thumbs li a.username {border-bottom: 1px solid #4F4D45;}
#my_account_friends .gallery .thumbs li a.username:hover {border-bottom-style: dotted}

.my_account_friends_content label { font-weight: normal; padding: 0.5em 0 2px 5px; display: block; color: #959595; }
.my_account_friends_content .text { width: 180px; float: left; margin-right: 10px; margin: 3px 4px 0 6px; padding: 2px; }
.my_account_friends_content .button { margin-top: 3px; }
#my_account .my_account_friends_content div.formcontents { overflow: auto; position: static; height: auto; margin-left: auto; background: none; }

#my_account_profile .createprofile h3 {margin-bottom: 5px;}
#my_account_profile .createprofile div {margin:0; overflow: visible; position: relative; height: auto; float: none; background: url(graphics/border_dotted.png) repeat-x top; padding-top: 12px; width: 96%; border:0; }
#my_account_profile .createprofile div img {float: right; margin-top: 5px;}
#my_account_profile .createprofile p {font-weight: normal}
#my_account_profile .createprofile p.more a {font-weight: normal}

/*loggedout styes*/
#my_account.loggedout {padding-right: 0; min-height: 155px;}
#my_account.loggedout iframe {width: 250px; margin: 0; padding:0;}
#my_account.loggedout h2 {font-size: 2em; color: #00a560;}
#my_account.loggedout h2 span {display: inline;}
#my_account.loggedout #accountDetails ul {font-size: 1em; padding-right: 5px;}
#my_account.loggedout #accountDetails li {background: url(graphics/green_bullett.gif) no-repeat left 5px; padding-left: 10px; clear: left; float: none;}
#my_account.loggedout #accountDetails li a {border: 0;}
#my_account_login {margin-right: 6px;}
#my_account_login a, #my_account_register a {background: url(graphics/panels.png); background-repeat: no-repeat;  }
#my_account_login a {background-position: 0 -245px}
#my_account_register a {background-position: -134px -245px}
#my_account_register div {margin-left: -132px;}

#my_account.loggedout #accountDetails H2 { float: none; }
#my_account.loggedout #accountDetails { overflow: hidden; }