.info_header {position:relative; height:15px; padding:5px; border:1px solid #fff; background:#fff url(/Assets/Default/Images/Template/InfoHeaderBackground.png) repeat-x;}
.info_header_text {color:#fff; font-weight:bold; font-size:12px; text-decoration:none;}
.info_header_text_hover, .info_header_text_hover:hover, .info_header_text:hover {color:#fff; font-weight:bold; font-size:12px; text-decoration:none;}
.info_header_button {width: 15px; height: 15px; position:absolute; top:5px; right:5px; background: url(/Assets/Default/Images/Template/InfoSprite.gif) no-repeat;}
#info_right_text .info_header_button { width: 16px; height: 16px; left: 5px; }
.info_header_button.down { background-position: 0 0; }
.info_header_button.down.hover { background-position: 0 -15px; }
.info_header_button.up { background-position: 0 -30px; }
.info_header_button.up.hover { background-position: 0 -45px; }

.info {font-size:11px}

#info_details {word-wrap:break-word;}
#info_details table {margin:10px 0 0; padding:0;}

.info_spacer {padding-bottom:10px !important; background:transparent url(/Assets/Default/Images/Template/info_spacer_bg.gif) repeat-x left bottom;}

.info p {font-size: 11px;}
.info a {text-decoration: none;}
.info .x-btn { color: #FFF; } 
.info a:hover {text-decoration: underline;}
.info .x-btn:hover { text-decoration: none; } 

.info a.icon {display:block; margin:0; padding:0; background:transparent none no-repeat 0 0;}
.info a.icon:hover {text-decoration:none;}
.info a.storage {margin-top:5px; padding:0 18px 0 0; background-image:url(/Assets/Default/Images/RightArrow.gif); background-position:right 50%; float:left}

.details_menu {margin:10px 0 0 0; padding:0; list-style-image:none; list-style-type:none;}
.details_menu li {display:block; margin:1px 0; padding:2px 0 0 20px; background:transparent none no-repeat 0 2px; overflow:hidden;}
.details_menu li span {display:block; height:16px; margin:0; padding:0; background:transparent none no-repeat 0 0;}
.details_menu li span.link {float:left; padding:0 16px 0 0; background-image:url(/Assets/Default/Images/RightArrow.gif); background-position:right center;}
.details_menu li.hover span.link, .details_menu li:hover span.link {text-decoration:underline; cursor:pointer; cursor:default;}

#info_left {position:absolute; width:180px; height:100%; left:0; overflow:hidden; background:#fff url(/Assets/Default/Images/Template/info_bg.gif) repeat-y left top; z-index:2;}
#info_left .info {margin:10px;}
#info_left .info p {margin-bottom:5px;}

#info_tasks, .info_tasks {margin:0; padding:5px 5px 7px 5px; font-size:11px;}
#info_tasks a:hover, .info_tasks a:hover {text-decoration: underline;}
#info_tasks div, .info_tasks div {margin:0; padding:0;}
#info_tasks div a img, .info_tasks div a img {float: left; margin-right: 5px;}
#info_tasks div a, .info_tasks div a {display:block; margin:0; padding:2px 0; font-size:12px; border:1px solid #e5e5e5;}

#info_right {position:absolute;	width:210px; height:100%; right:0; border-left: 1px solid #FFFFFF; overflow:hidden; background:#fff url(/Assets/Default/Images/Template/info_bg.gif) repeat-y -180px top; z-index:2}

#info_right .container {margin:10px; padding:0;}

#info_right .title {display:block; font-weight:bolder;}
#info_right #node-count {margin-top:10px;}

#info_right #space-usage h5 {font-size:10px;}
#info_right #space-usage .total {margin:2px 0 0 0; font-size:10px}
#info_right #quick_add_friends #quick_add_friend_input { margin: 5px 0; }

#info_right .features {margin:10px 0 0 0; padding:0;}
#info_right .features li {margin:5px 0 0 0; padding:0; list-style:none; list-style-image:none;}
#info_right .features li strong {padding-left:20px; background:transparent url(/Assets/Default/Images/Icons/fam/tick.gif) no-repeat 0 0;}

#info_right .account-ledger-credit {color:#4FBF17;}
#info_right .account-ledger-debit {color:#990000; font-weight:bolder;}

#info_right a#showBreakDown {display:block; margin-top:5px; line-height:18px;}
#info_right a#showBreakDown img {width:20px; background-position:-773px 0;}

#info_right #account-info-free-trial p, #info_right #account-info-full p { margin-top: 4px; }
#quick-share .title, #shared-on .title, #shared-width .title {display:block; margin-bottom:5px; color:#787878; font-weight:normal}

#info_right #info_details {padding-top:5px;}

#info_right #quick-share {position:relative; margin-bottom:5px; margin-left:8px;}
#info_right #quick-share #quick-share-form {}
#info_right #quick-share #quick-share-input {width:130px; height:17px;}
#info_right #quick-share #quick-share-input.searching {width:107px; padding-left:23px; background-image:url(/Assets/Default/Images/LoadingIndicator_small.gif); background-repeat:no-repeat; background-position:5px center;}
#info_right #quick-share #quick-share-submit {position:absolute; top:19px; right:8px;}
#info_right #quick-share #quick-share-choices ul li.custom-message {display:none;}
 
#info_right #quick-share {z-index:2;} /* IE needs z-index on the parent to work correctly ;) */

/* Nasty way to force the custom message to be visable, really we want to just stop the effect firing via JS */
#info_right #quick-share #quick-share-choices.keepVisable {display:block!important; visibility:visible!important; opacity:1!important; filter:alpha(opacity=100)!important; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;}
#info_right #quick-share #quick-share-choices.keepVisable ul li {display:none;}
#info_right #quick-share #quick-share-choices.keepVisable ul li.custom-message {display:block; padding-top:4px;}

#info_right #shared-on {height:35px; margin-left:8px;}
#info_right #shared-on #share-on-sites {margin:0; padding:0; list-style:none}
#info_right #shared-on #share-on-sites li {margin:0 4px 0 0; float:left; list-style:none}
#info_right #shared-on #share-on-sites li a {display:block; width:16px; height:16px; background:transparent none no-repeat 0 0;}

#info_right #shared-on #share-on-sites li a.link {background-image:url(/Assets/Default/Images/Icons/fam/world_link.gif);}
#info_right #shared-on #share-on-sites li a.link_facebook {background-image:url(/Assets/Default/Images/Icons/Small/facebook.gif);}
#info_right #shared-on #share-on-sites li a.link_twitter {background-image:url(/Assets/Default/Images/Icons/Small/twitter.gif);}			
#info_right #shared-on #share-on-sites li a.link_linkedin {background-image:url(/Assets/Default/Images/Icons/Small/linkedin.gif);}
#info_right #shared-on #share-on-sites li a.link_myspace {background-image:url(/Assets/Default/Images/Icons/Small/myspace.gif);}

#info_right #shared-with {margin:10px 0 5px; color:#787878; font-weight:normal; z-index:1; overflow:auto;}

#info_right #shared-with.teamspace {margin:0 0 5px}
#info_right #shared-with.teamspace ul#shared-list {display:none}

#info_right #shared-with span.title {display:block; height:16px; font-weight:normal; margin-left:1px; padding-left:7px;}
#info_right #shared-with span.fixed {position:fixed; min-width:186px; background:#E5E5E5;}

#info_right #shared-with #shared-with-indicator {margin-left:8px; padding:1px 0 1px 22px; background:transparent url(/Assets/Default/Images/LoadingIndicator_small.gif) no-repeat left center;}
#info_right #shared-with #shared-with-title-shared, #info_right #shared-with #members-title {border-bottom:1px solid #cecece;}

#info_right #shared-with #shared-with-title-shared {z-index:1;}
#info_right #shared-with #members-title {margin-top:5px; z-index:2;}

#info_right ul.shared-list {margin:0 0 0 1px; padding:0; list-style:none;}

#info_right ul.shared-list li {position:relative; margin:0; padding:5px; list-style:none; list-style-image:none; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden;}
#info_right ul.shared-list li:hover, 
#info_right ul.shared-list li.hover {background-color:#d0d0d0; border-color:#c0c0c0;}
#info_right ul.shared-list li:first-child {border-top-width:0;}
#info_right ul.shared-list li:last-child {border-bottom-width:0;}

#info_right ul.shared-list li .s-actions {display:none; padding:2px 0 0;}
#info_right ul.shared-list li:hover .s-actions {display:block}

#info_right ul.shared-list li span {display:block; margin-left:40px;}	
#info_right ul.shared-list li span.s-name {margin-top:3px; color:#5a5a5a; font-size:12px; font-weight:bolder;}
#info_right ul.shared-list li span.s-info {color:#787878; font-size:10px; white-space:nowrap;}
#info_right ul.shared-list li span.s-avatar {width:31px; height:31px; margin:0; float:left; border:2px solid #e5e5e5; background:transparent url(/Assets/Default/Images/avatar.gif) no-repeat center; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#info_right ul.shared-list li span.s-actions a {font-size:10px; color:#FF7E04; cursor:pointer}

#info_right ul#shared-list li:first-child {margin-top:16px;}

#info_right ul#members-list.shared-list li span.s-actions a {display:none}
#info_right ul#members-list.shared-list li span.s-avatar {position:relative;}

/* Remove border, but set padding so it's in the same position as anything else */
#info_right ul.shared-list li span.public {padding:2px; border:0; background-image:url(/Assets/Default/Images/Icons/Medium/Link.png);}
#info_right ul.shared-list li span.public img.s-avatar-image {border:0;}

/* Hide the quick share from non-users */
body.notloggedin #info_right #quick-share {display:none; height:0;}