/**
 * Top Level Elements
 **/

body {
	margin:0;
	padding:0;
	font-family: "Arial";
	font-size:12px;
}

a {
	font-size:12px;
	color: #FFF;
	text-decoration: none;
	font-family: "Arial";
}
 
table {
	padding:0;
	margin:0;
	border-spacing:0px;
	border:0px;
	border-collapse:collapse;
}

th, td {
	padding:0;
	margin: 0;
	border:0;
}

form {
	padding:0;
	margin:0;
	height:20px;
}

/**
 * Top Level Classes
 **/
 
.invisible {
	visibility: hidden;
	display:none;
}

/**
 * Toolbar Framework
 **/

td#logo {
	width: 40px;
	padding: 0px 10px 2px 10px;
}

td#toolbar {
	height:35px;
	background: url(/sbmedia/images/minibrowser/toolbar_bg.png);
	padding:2px 0px 0px 0px;
	min-width:850px;
}

td#sidebar_controls {
	width:200px;
}

td#navigation {
	text-align: center;
}

td#app_buttons {
	text-align: left;
}

td#toolbar_navigation {
	text-align: left;
	width: 340px;
}

/**
 * Toolbar Apps
 **/

.app_button {
	/*background: url(/sbmedia/images/minibrowser/button_bg.png) no-repeat;
	width: 41px; */
	height: 27px;
	text-align:center;
	margin-right: 5px;
	float: left;
}

.app_button_left {
	background: url(/sbmedia/images/minibrowser/button_bg_left.png) no-repeat;
	width: 3px;
	height: 27px;
	float: left;
}

.app_button_center {
	height: 27px;
	float: left;
}

.app_button_normal {	
	background: url(/sbmedia/images/minibrowser/button_bg_center.png) repeat-x;	
}

.app_button_down {	
	background: url(/sbmedia/images/minibrowser/button_bg_center_down.png) repeat-x;	
}

.app_button_right {
	background: url(/sbmedia/images/minibrowser/button_bg_right.png) no-repeat;
	width: 3px;
	height: 27px;
	float: left;
}
 
.app_button img {
	margin: 3px 0px 0px 3px;
	height: 20px;
}

.app_button td.label {
	vertical-align: middle;
	padding-top: 4px;
	padding-right: 4px;
	font-size: 12px;
}

.app_button_normal td.label {	
	color: #FFF;
	padding-left: 3px;
}

.app_button_down td.label {	
	color: #444;
}

#b_socialbrowse_custom {
	margin-left: -5px;
}

#b_socialbrowse_custom .app_button_left {
	width: 0px;
	display: none;
}

#b_socialbrowse_custom .app_button_normal {
	background: url(/sbmedia/images/minibrowser/button_bg_drop.png) no-repeat;
	width: 15px;
	height: 27px;
	float: left;	
}

#b_socialbrowse_custom .app_button_down {
	width: 15px;
}

#b_socialbrowse_custom img {
	width: 12px;
	height: 9px;
	margin-top: 9px;
	padding: 0;
	margin-left: 2px;
}

/**
 * Navigation
 **/
 
img#favicon {
	background: #FFF;
	display:inline;
	margin-left:7px;
	width:16px;
	height:16px;
}

form#navform {
	display:inline;
	padding:0;
	margin:0;
	height:16px;
}

#navbar {
	background:url(/sbmedia/images/minibrowser/navbar.png) no-repeat;
	width:340px;
	height:31px;
}

#navigation {
	display:inline;
	background:#F4F4F4;
	border:0 none;
	color:#656565;
	font-size:14px;
	height:16px;
	padding: 0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	width:275px;
	padding-left:2px;
	vertical-align: top;
	font-family: "Arial";
}

.navobj {
	margin-top: 5px;
}

#go {
	width: 16px;
}

#control_buttons {
	margin-left: 5px;
	height:18px;
	border:0px;
	padding-top:0px;
}
/**
 * Help
 **/
#helpIcon {
	display: block;
	background: url(/sbmedia/images/minibrowser/help/helpUp.png) no-repeat;
	width: 21px;
	height: 22px;
	text-indent: -999em;
}
#helpIcon:hover {
	background: url(/sbmedia/images/minibrowser/help/helpDown.png) no-repeat;
}
.hdd_main{
	 
	position: absolute; 
	top:0;
	background: #dedede;
	display: none;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}
.hdd_header{
	 
	background: transparent url(/sbmedia/images/minibrowser/toolbar_bg.png) repeat scroll 0 0;
	border-bottom-color:#333333;
	border-bottom-style:none;
	border-bottom-width:medium;
	color:#333333;
	padding: 3px;
}
.hdd_text{
	color: #236bae;
	padding: 5px;
}
.hdd_image{
	height: 34px;
	padding: 3px;
}
.helpRow{
	font-size:0.8em;
}

/**
 * Account
 **/

#account_inner {
	padding: 0px;
	margin-right:10px;
}

img#account_icon{
	border: 1px solid #ccd5e0;
	width: 24px;
	margin-right: 5px;
}

#feedback {
	float: right;
	margin-top: -15px;
	margin-right: 10px;
}

/**
 * Sidebar
 **/ 
td#sidebar_header {
	
	width: 220px;
	height: 37px;
	background:url(/sbmedia/images/minibrowser/feed_header.png) no-repeat;
	padding-left: 10px;
}

td#sidebar_header a {
	color: #3b9cce;
}

td.sidebar {
	border-right: 1px solid #ced8e0;
	width:220px;
}

#sidebar_title {
	float: left;
	width: 100px;
	color: #3b9cce;
	font-size: 14px;
}

#sidebar_close {
	width: 15px;
	float: right;
}

#invite_friends {
	float: right;
	width: 62px;
	text-align: right;
	margin-right: 5px;
}

#invite_friends td {
	color: #3b9cce;
	font-size: 12px;
}



/**
 * Growls
 **/

#growl_container {
	width: 200px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.growl {
	border: 1px solid #333;
}

.close {
	height: 20px;
	width: 20px;
	z-index: 100000;
	float: right;
}

/**
 * Browsing Frame
 **/

#browsing_frame {
	display: inline; 
	border: 0; 
	float: left;
}


/**
 * Navigation tabs
 */

#dock {
	position:absolute; 
	bottom:0px; 
	left:220px;	
	width: 35px;
}

.dock_button {
	width: 23px;
	height: 35px;
	background: url(/sbmedia/images/minibrowser/tab_unselected.png) no-repeat;
	margin-bottom: 1px;
}

.dock_button img {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	margin-top: 10px;
}

.selected {
	width: 28px;
	background: url(/sbmedia/images/minibrowser/tab_selected.png) no-repeat;
}

.selected img {
	margin-left: 7px;
}

/* Custom tooltip styling */ 

#diag_tl { 
    background:url(/sbmedia/images/toolbar/lt.png); 
    height:10px;  
    width:10px; 
}  
#diag_t { 
    background:url(/sbmedia/images/toolbar/t.png); 
    height:10px;    
}
#diag_tr { 
    background:url(/sbmedia/images/toolbar/rt.png); 
    height:10px;  
    width:10px; 
}

#diag_l { 
    background:url(/sbmedia/images/toolbar/l.png);  
	width:10px;
}
#diag_c {   
	padding:5px 5px 5px 10px;
	color:white;
	font-size: 12px;	
	font-weight: bold;
}  
#diag_c a{
	text-decoration: underline;
	font-weight: normal;
}
#diag_r { 
    background:url(/sbmedia/images/toolbar/r.png);  
	width:10px;
}  

#diag_bl { 
    background:url(/sbmedia/images/toolbar/lb.png); 
    height:10px;  
    width:10px; 
}  
#diag_b { 
    background:url(/sbmedia/images/toolbar/b.png); 
    height:10px;   
}
#diag_br { 
    background:url(/sbmedia/images/toolbar/rb.png); 
    height:10px;  
    width:10px; 
}
#tip { 
	position:relative;
	left: -10px;
} 
.diag_close_button {
	background-image:url(/sbmedia/images/toolbar/closesquarex.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline;
	padding-left:19px;
	height:14px;
	width:14px;
}