/* =====================================
   Grazr
   =====================================
*/
.date { font-size:.85em; font-weight:bold; margin-right:.75em }
.dateminutes { color: #F00 } 
.datehours { color: #A90 } 
.dateoneday { color: #0F0 }
.datemoreday { color: #00F }



/* =====================================
   MenuBar + Menusystem
   =====================================
*/

/* Activity Indicator For Loading */
.gzactivity {
	background-image: url('../images/small_spinner_default.gif');
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;        	
}

.gzmenufont {
	font-family:tahoma,arial,sans-serif;
	font-size:8pt;
	color:#222;
}

.gzmenubar {
	height:auto;
	padding-top: .35em;
	padding-bottom: .35em;
	border-bottom: 1px solid #999;
	background: #DDD;
}

.gzlogoitem {
	border-right:1px solid #777;
	font-weight: bold;
}
.gzmenuitem {

	padding: .35em .65em .35em .65em;
}
.gzmenuitemhl {
	background: #36C;
	color: #EEE;
}
.gzmenulist {
	background: #FFF;
	border:1px solid #888;
}
.gzmenulistitem {
	padding: 1px 14px 2px 14px;
	/* padding: .15em 1.5em .25em 1.5em; */

}
.gzmenulistitemhl {
	background: #33F;
	color: #FFF;
}

.gzmenulistitemspacer {
	border-top:1px solid #999;

	background:#999;
	margin-top:.2em;
	margin-bottom:.2em;
}


/* =====================================
   Highlight Ghost
   =====================================
*/
.gzghost {
	border: 3px solid #49F;
}



/* =====================================
   Titlebar, toolbar, and buttons 
   =====================================
*/

.gztitlebar {
       	background-image: url('../images/bg2.png');
	background-color: #DDD;
	background-repeat: repeat-x;
	border-bottom:1px solid #AAA;
}
.gztitlelogo {
        padding-right:.5em;
        margin-right:.5em;
}
.gztitletext {
	font-family:tahoma,arial,sans-serif;
	font-size:10pt;
	color:#222;
	letter-spacing:-1px;

	text-align:left;
	margin-left:.35em;
	height: 1.2em;
	overflow: hidden;
}
/* hack for opacity bug */
.gztitletext span {
	padding-right: .1em;
}

.gztitlebuttons {
	right:0px;
	float:right;
}

/* =====================================
   Footer and private label logo
   =====================================
*/
.gzfooter {
       	background-image: url('../images/bg2.png');
	background-color: #DDD;
	background-repeat: repeat-x;
	cursor:pointer;
}

.gzfootertxt {
	color: #444;
	font-family: arial,helvectica,sans-serif;
	font-size: 9pt;
	text-align: center;
	margin-top: 9px;
	height: 1.4em;
	overflow: hidden;
}

.gzprivatelabellogo {
	padding-top: 5px;
	color: #444;
	margin-left: .5em;
}


/* 
  ===========
  Toolbar / Address bar
  ===========
*/
.gztoolbar {

	background: #DDD;
        border-bottom: 1px solid #000;
}
.gzaddressbar {
	margin-top:2px;
	border: 1px solid #AAA;
	background: #FFF;
	padding-left:.5em;
	
}


/* Grazr Buttons */

.gzrefreshbutton {
	background-image: url('../images/gzrefresh.png');
}


.gzhomebutton {
	background-image: url('../images/gzhome.png');
}

.gzstopbutton {
	background-image: url('../images/gzstop.png');
}

.gzFFlaunchbutton {
	background-image: url('../images/gzsidebar.png');
}

.gzreadbutton {
	background-image: url('../images/gzread.png');
}
.gzeditbutton {
	background-image: url('../images/gzedit.png');
}

.gzexpandcollapsebutton {
	background-image: url('../images/gzexpandcollapse.png');
}


/* =====================================
   Three Pane
   =====================================
*/

.hslider {
	background: #d6d6d6;
	background-image: url('../images/hhandle.png');
        background-repeat: no-repeat;
        background-position: center center;
		
}

.vslider {
	background: #d6d6d6;
	background-image: url('../images/vhandle.png');
        background-repeat: no-repeat;
        background-position: top center;		
}

.leftpane {
	padding: 20px;

}

.toppane {
	padding-left: 5px;
	padding-right: 5px;

}

.botpane {
	padding: 20px;

}

/* =====================================
   Slider buttons 
   =====================================
*/

.gzbackbuttonon {
	text-align:left;
        border-right: 1px solid #888;
        background-image: url('../images/bevelleft_arrows.png');
        background-repeat: repeat-y;

	cursor: pointer;
}

.gzbackbuttonoff {
	text-align:left;
        border-right: 1px solid #888;
        background-image: url('../images/bevelleftoff.png');
        background-repeat: repeat-y;
}

/* =====================================
   Outline View styling
   =====================================
*/

.outline {
	margin-left: 22px;
	border-left: 1px dotted #DDD;

}

/* =====================================
   Post Formatting
   =====================================
*/

.posttitle {
	color:#337;
	font-size: 1.2em;
	font-weight: bold;

	margin-left: 5px;
	clear: both;
}
.posttitle a{
	text-decoration: none;
	outline: none;
	color: #225;
}
.posttitle a:visited {
	text-decoration: none;
	outline: none;
	color: #525;
}
.posttitle a:hover {
	text-decoration: none;
	outline: none;
	color: #33A;
}
.postdate {
	display: inline;
	font-size: .8em;
	color: #777;
	margin-left: 5px;


	
}
.postauthor {
	display: inline;
	font-size: .8em;
	margin-left: 5px;
	color: #777;
}
.postenclosure {

}
.postcontent img {
	margin: .75em;
}

.postclear {
	margin-top: 1em;
	margin-bottom: 1em;
	clear:both;
}


.downloadlink {
	width: 6em;
	margin-top:1em;
	margin-left: 1em;
	font-size: 90%;
}

.downloadlink a{
	color: #99F;
}


/* =====================================
   Grazr Icons
	The first class sets the general
	size and shape for all icons
	The remaining classes define
	the image for the specific icon.
   =====================================
*/

.gzicon {
	height:1.2em;
	width:1.2em;
	display: block;	
	float: left;
	margin-right:.4em;
	background-repeat: no-repeat;
	background-position: center center;
}

.gzstoryicon {
	background-image: url('../images/story_icon.png');
}	

.gzresulticon { 
	background-image: url('../images/resulticon.png');
}

.gzfeedicon {
	background-image: url('../images/old_feedicon.png');
}

.gzincludeicon {
	background-image: url('../images/new_opmlicon2.png');
}

.gzfoldericon {
	background-image: url('../images/folder_icon.png');
}

.gzlinkicon {
	background-image: url('../images/link_icon.png');
}

.gzpagelinkicon {
	background-image: url('../images/newlink.png');
}

.gzdownloadicon {
	background-image: url('../images/disk_icon.png');
}



/* =====================================
   Grazr Node styling
   =====================================
*/



.gznode {
	color: #000;
	text-align:left;
	padding: 2px;
	border: 1px solid #FFFFFF;

	cursor: pointer;
	text-decoration: none;
	clear: both;
	
}
.gznode:active {
	outline: none;
	text-decoration: none;
}

/*
  ====================
  many of the grazr nodes are links underneath,
  therefore the default link behaviors have to
  be overridden 
  ====================*/
.gznode:link {
	color: #000;
	cursor: pointer;
	text-decoration: none;
	outline: none;
}
.gznode:focus {
	cursor: pointer;
	outline: none;
	text-decoration: none;
}
.gznode:active {
	outline: none;
	text-decoration: none;
}
.gztext {
	color: #000;
	text-align:left;
	margin-left: .1em;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;

	padding-left: .75em;
	padding-right: .75em;

	margin-top: .25em;
	margin-bottom: .35em;
}

.gztext img {
	margin: 1em;
	clear:both;
	border: 0px;
}

.gznode img {
	border: 0px;
}

.gzsource {
	font-style: italic;
	font-size: .8em;
}

.permalink {
	color: inherit;
        font-size: 16px;
        margin-left: .25em;
        text-decoration: none;
        background-image: url('../images/permalink.png');
        background-repeat: no-repeat;
        background-position: center center;
}

.twitterDate {
	font-style: italic;
}

/*============
  The last viewed node in slider mode
  (when going back up the hierarchy)
  ============*/
.gznodelast {
	color: #000;
	background: #9FF;
	border: 1px solid #000;
}

/*===========
  The current active node in Outline and
  Three Pane Views
  ========== */
.gznodeactive {
	color: #000;	
	background: #DDD;
	border: 1px solid #AAF;
}
.gznodeactive:active { outline:none; }


/* Order in the CSS file important, multi-class applied in order of
   file appearance */
.gznodehl {
	color: #000;
	background: #CCF;
	border: 1px solid #00F;
}


.gznode .nodetext {
	display:block;
	margin-left:1.5em;
}


/* =====================================
   Base panel, content panel
   =====================================
*/

.gzbasepanel {

}

.gzcontentpanel {
	background: #FFF;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	/*custom control region for dashboard */
	/*-apple-dashboard-region: dashboard-region(control rectangle 0px 0px 0px 0px);*/
}

/* =====================================
   User reading list styles
   =====================================
*/

#userlist_panel {
	z-index:10;
	top:47px;
	bottom:6px;
	left:1px;
	right:1px;
	position:absolute;
	background-color:#fff;
	overflow-x:hidden;
	overflow-y:auto;
	border-top:1px solid #ccc;	
}

.userlist_header {
	z-index:10;
	position:absolute;
	top:29px;
	left:1px;
	right:1px;
	height:auto;
	width: 100%;
	padding-left:4px;
	font-weight:bold;
	background-color:#fff;
}

.userlist_headertext {
	float:left;
	width:auto;
}

.gzclosebutton {
	background-image:url(../images/close_icon.png);
	background-repeat: no-repeat;
	float:right;
	width:18px;
	height:18px;
	cursor:pointer;
	z-index:10;
}

.userlist_content {
	width:100%;
	bottom:6px;
	float:left;
}

.userlist_item {
	width:100%;
	float:left;
	margin-left:0px;
	padding-left:8px;
	cursor:pointer;
}

/* =====================================
   Grazr Function, don't alter
   =====================================
*/

.noselectpane {
 	position:absolute;
	width: 100%; 
	height: 100%;
	top: 0px;
	left: 0px;
	*background:#FFF; /*IE hack the '*' is for Opera*/
        opacity: 0;
	filter: alpha(opacity=0); /*IE hack */
}

.wait {
	cursor: wait;
}

.gzform {
	margin-top: .2em;
	margin-bottom: .2em;
}
.gzform form {
	padding:0;
	margin:0;
}

.gzform .nodetext {
	
}

.gzmp3player {
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 1em;
	height: 20px;
	min-width: 150px;
}

.gzmp3playermin {
	top: 0px;
	left: 0px;
	width: 150px;
	height: 1px;
	margin: -1px;

}

.gzflash {
	clear:both;
	padding: 5px;
	margin-right: 10px;
	height: 300px;
	min-width: 150px;
	}

.gzflashmin {
	height: 1px;
	width:150px;
	margin-top: -2px;
}