/* --------------------	*/
/* Global Attributes	*/
/* --------------------	*/

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.625 * 16px = 10px). */

.nitobi { font-size: 62.5%; }

/* Default fonts and colors 
---------------------------------------------*/

.nitobi {
	color:#333333;
	font-family:Tahoma, Arial, Verdana;
	font-size: 12px;
	text-align:left;
}

.nitobi h1,.nitobi h2,.nitobi h3,.nitobi h4,.nitobi h5,.nitobi h6 { 
	color:#222222; 
	font-family:Tahoma, Arial, Verdana;
}

/* Links */

/* --------------------	*/
/* Text  				*/
/* --------------------	*/

/* Headings
---------------------------------------------*/
.nitobi h1, .nitobi h2, .nitobi h3, .nitobi h4, .nitobi h5, .nitobi h6 { 
	font-weight: normal; 
}

.nitobi h1 { font-size: 3.6em; line-height: 1; margin-bottom: 0.5em; }
.nitobi h2 { font-size: 2.4em; margin-bottom: 0.75em; }
.nitobi h3 { font-size: 1.8em; line-height: 1; margin-bottom: 1em; }
.nitobi h4 { font-size: 1.4em; line-height: 1.25; margin-bottom: 1.25em; }
.nitobi h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 1.5em; }
.nitobi h6 { font-size: 1.2em; font-weight: bold; }

/* Text Elemenets
---------------------------------------------*/

.nitobi p 			{ font-family:Tahoma, Arial, Verdana; font-size:1.2em; margin: 0 0 1.5em; }
.nitobi p.last      { margin-bottom: 0; }
.nitobi p img       { float: left; margin: 0; padding: 0; }
.nitobi p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

/* Forms */

/* Lists */

.nitobi .ntb-grid { 
	border:#CCCCCC 1px solid; 
}

.nitobi .ntb-grid-header { 
	background-image:url('column_deadspace.gif'); 
}


.nitobi .ntb-column-descending { 
	background-color:#EFEFEF; 
}

.nitobi .ntb-column-ascending { 
	background-color:#EFEFEF; 
}

.nitobi .ntb-column-indicator { 
	padding:2px; 
}

.nitobi .ntb-column-indicator-border {
    background: url('column_header.gif') right bottom no-repeat;
    padding: 0px 1px 0px 0px; /*this is to make headers line up with data*/
    cursor: pointer; /*Firefox*/
    cursor: hand;
	height:auto;
	color:#333333;
	font-family:Tahoma, Arial, Verdana;
	font-size: 12px;
	text-align:left;
}
.nitobi .ntb-column-indicator-borderhover {
    background-image:url('column_header_over.gif');
}
.nitobi .ntb-column-indicator-border-pressed {
    background-image:url('column_header_pressed.gif');
	padding:4px 12px 0px 5px;
    border-right:1px solid #808080;		/* light gray */
    border-bottom:1px outset #808080;	/* light gray */
}
.nitobi .ntb-column-indicator-borderascending {
    background:url('column_asc.gif') no-repeat right bottom;
    cursor: hand;
}
.nitobi .ntb-column-indicator-borderascending-pressed {
    background-image:url('column_asc_pressed.gif');
	padding:4px 12px 0px 5px;
    border-right:1px solid #808080;  	/* light gray */
    border-bottom:1px outset #808080; 	/* light gray */
}
.nitobi .ntb-column-indicator-borderdescending {
    background:url('column_desc.gif') no-repeat right bottom ;
    padding:0px;
    margin: 0px;
    cursor: hand;
    text-align:left;
}
.nitobi .ntb-column-indicator-borderdescending-pressed {
    background-image:url('column_desc_pressed.gif');
    border-right:1px solid #808080;		/* light gray */
    border-bottom:1px outset #808080;	/* light gray */
}

.nitobi .ntb-column-resizeline {
    filter:alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
    background-color: #736F6E;	/* gray */
    width: 3px;
    position:absolute;
    visibility:hidden;
    top: 0;
    left: 0;
    cursor: w-resize;
    z-index: 900;
}

.nitobi .ntb-row{
    margin:0px;
    cursor:default;
}

.nitobi .ntb-row-alternate  {
  font-size : 8pt;
  white-space: nowrap;
  padding : 3px;
  background-color : Gainsboro;
}
.nitobi .ntb-row-hover { 
	background-color:#E7E3D6 
}

.nitobi .ntb-row-select { 
	clear:both; 
}

.nitobi .ntb-cell {
    text-decoration:none;
	padding:0px 2px 0px 4px;
	white-space:nowrap;
}

.nitobi .ntb-cell-border {
	color:#333333;
	font-family:Tahoma, Arial, Verdana;
	font-size: 12px;
	text-align:left;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	
}

.nitobi .ntb-cell-hover { 
	background-color:#FCD661; 
}

.nitobi .ntb-grid-selection-background {
    background-color:#F0B604;
    filter:alpha(opacity=25);
    -moz-opacity:.25;
    opacity:.25;
    height:100%;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:15;
}

.nitobi .ntb-loading {
    background-color:#FFFFFF;
    filter:alpha(opacity=85);
    -moz-opacity:.85;
    opacity:.85;
    z-index:200000;
    position:absolute;
    border:1px solid #000000;
}

.nitobi .ntb-loading-icon { 
	overflow:hidden; 
	z-index:300000; 
}

.nitobi .ntb-check-box { 
	/* removed the unchecked class and placed the 
	unchecked bg image into this new .check-box class */	

	background: transparent url('unchecked.gif') no-repeat; 
	width: 17px; 
	height: 15px; 
}

.nitobi .ntb-check-box .ntb-checked { 
	/* renamed the class into the new taxonomy */
	
	background: transparent url('checked.gif') no-repeat; 
}

.nitobi input, .nitobi textarea, .nitobi select, .nitobi ntb-input {
	/*NOTE: Inputs don't inherit front styles*/
	color:#333333;
	font-family:Tahoma, Arial, Verdana;
	font-size: 12px;
    border:0px solid #000000;
    padding:0px 2px 0px 4px;
    width: 100px;
}

.nitobi .ntb-input-border { 
	border:1px solid #000000; 
	background-color: #FFFFFF; 
}

.nitobi .ntb-lookup-options {
	border-top: 1px solid #000000;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.nitobi .ntb-resize-corner {
    background: transparent url('resizecorner.png') no-repeat;
    width: 15px;
    height: 16px;   
    z-index:3000000;
    position:absolute;
}

.nitobi .ntb-resize-indicator-right {
	background-color:blue;
	position:absolute;
	bottom:0px;
	right:-4px;
	width:4px;
	height:10px;
	line-height:1px;
	overflow:hidden;
}

.nitobi .ntb-resize-indicator-bottom {
	background-color:#0000FF; 		/* light blue */
	position:absolute;
	bottom:-4px;
	right:-4px;
	width:15px;
	height:4px;
	line-height:1px;
	overflow:hidden;
}

.nitobi .ntb-grid-selection {
    background-color:transparent;
    display:block;
    height:10px;
    width:10px;
    position:absolute;
    left:-2000px;
    top:-2000px;
}

.nitobi .ntb-grid-selection-grabby {
	/* Note: Always define a generic cursor 
	at the end of the list in case none of 
	the url-defined cursors can be used */
	
    position:absolute;
    right:-1px;
    bottom:-1px;
    width:5px;
    height:5px;
    overflow:hidden;
    background-color:#000000;
    cursor:pointer;
    cursor:hand;
    z-index:20;
}

.nitobi .ntb-grid-selection-border {
    border: 1px solid #000000;
}

.nitobi .ntb-grid-selection-border-active {
    border:1px dashed #000000;
}

.nitobi .ntb-grid-copy-buffer {
    position:absolute;
    top:1px;
    left:1px;
    height:0px;
    width:0px;
    z-index:-1;
}

.nitobi .ntb-datepicker-button {
	/* change class name from .ntb-dp-input .ntb-dp-inputbutton */
    width:20px;
    text-align:center;
}

.nitobi .ntb-datepicker-button a {
	/* changed from .ntb-dp-input .ntb-dp-inputbutton a */
    display:block;
    height:16px;
    width:16px;
    background: transparent url("date.gif") no-repeat;
}
.nitobi .ntb-datepicker-button a:hover { background-position: -16px 0; }
.nitobi .ntb-datepicker-input input { padding:0; margin:0; border:0; }
.nitobi .ntb-hyperlink-editor { text-decoration: underline; cursor: pointer; color: blue; }
.nitobi .ntb-hide { display:none; }

.nitobi .ntb-effects-small {
	clear:both;
	display:block;
	float:none;
	height:0px;
	//height:1px;
	overflow:hidden;
	width:auto;
}

.nitobi .ntb-clipboard {
    position:absolute;
    top:1px;
    left:1px;
    height:0px;
    width:0px;
    z-index:-1;
}

.nitobi .ntb-checkbox {
	background-repeat:no-repeat;
	height:15px;
	width:17px;
}

.nitobi .ntb-checkbox-unchecked {
	background-image:url(unchecked.gif);
}

.nitobi .ntb-checkbox-checked {
	background-image:url(checked.gif);
}


/* Text */.nitobi-hide {
	display:none;
}

.ntb-effects-small {
	clear:both;
	display:block;
	float:none;
	height:0px;
	//height:1px;
	overflow:hidden;
	width:auto;
}