/*	-------------------------------------------------------------
IBEX Intranet 

Description:		Base setup styles and most to all typography is located here.
Filename:			base.css
Version:			1.6
Date:				October 17 2007
Author:				Daniel Eberhardt

-------------------------------------------------------------	*/

/* @group Resets */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td		
					{
					margin: 0;
					padding: 0;
					border: 0;
					outline: 0;
					font-weight: inherit;
					font-style: inherit;
					font-size: 100%;
					font-family: inherit;
					vertical-align: baseline;
					}

/* Remember to define focus styles! */

:focus		
					{
					outline: 0;
					}

body		
					{
					line-height: 1;
					color: black;
					background: white;
					}

ol, ul		
					{
					list-style: none;
					}

/* Tables still need 'cellspacing="0"' in the markup. */

table		
					{
					border-collapse: separate;
					border-spacing: 0;
					}

caption, th, td		
					{
					text-align: left;
					font-weight: normal;
					}

/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after,
q:before, q:after		
					{
					content: "";
					}

blockquote, q		
					{
					quotes: "" "";
					}
/* @end */

/* MAIN

TYPOGRAPHY */

/*html { font-size: 62.5%; font-family: helvetica, "microsoft sans serif", arial, sans-serif; }*/

strong, th, thead td, h1, h2, h3, h4, h5, h6		
					{
					font-weight: bold;
					}

cite, em, dfn		
					{
					font-style: italic;
					}

code, kbd, samp, pre, tt, var		
					{
					font-size: 92%;
					font-family: monaco, "Lucida Console", courier, mono-space;
					}

del		
					{
					text-decoration: line-through;
					color: #666;
					}

ins, dfn		
					{
					border-bottom: 1px solid #ccc;
					}

small, sup, sub		
					{
					font-size: 85%;
					}

abbr, acronym		
					{
					text-transform: uppercase;
					font-size: 85%;
					letter-spacing: .1em;
					}

a abbr, a acronym		
					{
					border: none;
					}

abbr[title], acronym[title], dfn[title]		
					{
					cursor: help;
					border-bottom: 1px solid #ccc;
					}

sup		
					{
					vertical-align: super;
					}

sub		
					{
					vertical-align: sub;
					}

body		
					{
					padding: 0;
					background-color: #fff;
					color: #333;
					font: 83%/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
					}

#processing		
					{
					position: absolute;
					top: 50%;
					left: 57%;
					}

/*	LINKS
- - - - - - - - - - - - - - - - - - - - - - - -	*/

a,a:link,a:link,a:link,a:hover		
					{
					background: transparent;
					text-decoration: underline;
					cursor: pointer
					}

a:link		
					{
					color: #2B7EB4;
					}

a:visited		
					{
					color: #999
					}

a:hover,a:active		
					{
					color: #A3BCD6;
					text-decoration: none;
					}

a img		
					{
					border: none;
					}

/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */

a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active		
					{
					background: transparent url("img/sprites.gif") no-repeat 5px -500px;
					padding-left: 21px
					}

a.morelink:hover		
					{
					background: transparent url("img/sprites.gif") 5px -400px
					}

.morelink span		
					{
					position: absolute;
					left: -9999px;
					width: 900px
					}

/* To Top Links & Jump to Specs */

a.top:link,a.top:visited		
					{
					display: block;
					text-align: right;
					text-decoration: none;
					background: url(../../img/icons/top.gif) no-repeat 100% 0;
					color: #FF8300;
					width: 2em;
					float: right;
					clear: both;
					margin: 1.5em 0;
					}

a.top:hover		
					{
					color: #000000;
					background: url(../../img/icons/top_hover.gif) no-repeat 100% 0;
					}

/* Breadcrumbs link styles */

#breadcrumbs .on		
					{
					font-weight: bolder;
					}
					
.linkBacks
					{
					margin-bottom: 3em;
					}

/*	TABLES
- - - - - - - - - - - - - - - - - - - - - - - -	*/

.table1		
					{
					border: 2px solid #990000;
					border-collapse: collapse;
					width: 100%;
					}

.table1 td		
					{
					background: url("images/sprites.gif") #ffffff repeat-x 0 -1600px;
					padding: 3px;
					border: 1px solid #ffffff;
					}

.table1 th		
					{
					text-align: left;
					border: 1px solid #ffffff;
					}

.table1 thead th		
					{
					color: #ffffff;
					font-size: 145%;
					background: url("images/sprites.gif") #990000 repeat-x 0 -1300px;
					padding: 10px 6px;
					}

.table1 tbody th		
					{
					color: #ffffff;
					font-size: 115%;
					background: url("images/sprites.gif") #88b8db repeat-x 0 -1400px;
					padding: 6px;
					}

.table1 tbody th.sub		
					{
					font-size: 100%;
					color: #000000;
					background: url("images/sprites.gif") #efefef repeat-x 0 -1500px;
					padding: 6px;
					}

table		
					{
					margin-top: 3em;
					clear: both;
					}

.car table		
					{
					width: 100%;
					}

th		
					{
					text-align: left;
					color: #A3BCD6;
					font-weight: normal;
					padding: 1px 3px;
					}

td		
					{
					padding: 3px;
					}
thead th
					{
					border-bottom: 1px solid #222;
					}
thead th.firstChild		
					{
					background: #FCFCFC;
					color: #222;
					/*width: 30%;*/
					font-weight: bold;
					font-size: 1.2em;
					}

tbody th.firstChild		
					{
					border-color: #eee;
					border-right: 3px solid #FFF;
					}

.crudControls		
					{
					text-align: right;
					font-size: 0.92em;
					}
td.crudControls
					{
					color: #AAA;
					}
.crudControls a, .crudControls a:link, .crudControls a:visited	
					{
					text-decoration: none;
					color: #AAA;
					font-style: italic;
					}
.crudControls a:hover
					{
					color: #A3BCD6;
					text-decoration: underline;
					}
td.status		
					{
					text-transform: uppercase;
					font-size: 0.92em;
					}
td.closed
					{
					color: #339900;
					font-weight: 900;
					}


tbody td, tbody th		
					{
					border-bottom: 1px solid #eee;
					border-right: 3px solid #FFF;
					color: #333;
					}
tr.userInfo th a
					{
					font-weight: bold;
					text-decoration: none;
					color: #333;
					}
tr.userInfo th a:hover
					{
					color: #A3BCD6;
					text-decoration: underline;
					}
tr.userInfo td
					{
					padding-bottom: 0;
					padding-top: 4.5em;
					}

.listUserGroups th
					{
					background: #EEE;
					border-right: 3px solid #FFF;
					border-bottom: 3px double #FFF;
					}
.listUserGroups td
					{
					text-align: left;
					padding: 6px 6px;
					background: #EEE;
					border-bottom: 3px double #FFF;
					}

/*	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - -	*/

p,ul,ol		
					{
					margin: 0 0 1.5em;
					}

h1,h2,h3,h4,h5,h6		
					{
					font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, Geneva, sans-serif;
					margin: 1.2em 0 .3em;
					color: #000000;
					padding-bottom: .1em;
					}

h1		
					{
					font-size: 196%;
					margin-top: .6em;
					font-weight: normal;
					border-bottom: 1px solid #000;
					}

h2		
					{
					font-size: 136%;
					}

h3		
					{
					font-size: 126%;
					}

h4		
					{
					font-size: 116%;
					}

h5		
					{
					font-size: 106%;
					}

h6		
					{
					font-size: 96%;
					}

.inner-shell h1		
					{
					text-align: center;
					background: url(img/header_btm_border.png) no-repeat 50% 100%;
					line-height: 2em;
					border-width: 0;
					margin-bottom: 40px;
					}

#content .inner-shell h1		
					{
					margin-bottom: 11px;
					}


.highlight		
					{
					color: #e17000;
					}

.subdued		
					{
					color: #999999;
					}

.error		
					{
					color: #900;
					font-weight: bold;
					}

.success		
					{
					color: #339900;
					font-weight: bold;
					}

.caption		
					{
					color: #999999;
					font-size: 11px;
					}

.date		
					{
					font: bold 82% "Lucida Grande", Tahoma;
					color: #2B7EB4;
					display: block;
					}

small		
					{
					font-size: 11px;
					}

.on		
					{
					font-weight: bold;
					}

#page .first, #page .last		
					{
					border: 0;
					}

/*	LISTS
- - - - - - - - - - - - - - - - - - - - - - - -	*/

ul		
					{
					margin: .3em 0 1.5em 0;
					list-style-type: none;
					}

ul.related		
					{
					margin-top: -1em;
					}

ol		
					{
					margin: .5em .5em 1.5em;
					}

ol li		
					{
					margin-left: 1.4em;
					padding-left: 0;
					background: none;
					list-style-type: decimal;
					}

li		
					{
					line-height: 1.4;
					padding-left: 25px;
					background: transparent url("img/sprites.gif") no-repeat 0 0;
					}

li.doc		
					{
					background: 3px -500px;
					}

ul.nomarker li		
					{
					background: none;
					padding-left: 0;
					}

/* DATA LISTS */

dl		
					{
					margin: 0 0 1em 0;
					}

dt		
					{
					font-weight: bold;
					margin-top: 1.3em;
					}

dl dl		
					{
					margin: 0 0 1.5em 30px;
					}

/*	GENERAL GLOBAL ELEMENT STYLING
- - - - - - - - - - - - - - - - - - - - - - - -	*/

img		
					{
					border: none;
					}

hr		
					{
					margin: 1em 0;
					background: #f2f2f2;
					height: 1px;
					color: #f2f2f2;
					border: none;
					clear: both;
					}

/*	STYLING - Global Classes
- - - - - - - - - - - - - - - - - - - - - - - -	*/

.last		
					{
					margin-bottom: 0;
					}

/*	LAYOUT WRAPPERS
- - - - - - - - - - - - - - - - - - - - - - - -	*/

#page		
					{
					background: #fff url(img/background_01.gif) repeat-y 50% 0;
					font-size: 86%;
					}

#wrapper		
					{
					position: relative;
					background: url(img/background_02.gif) repeat-y 75% 0;
					}

#content-wrap		
					{
					width: 100%;
					float: left;
					margin-right: -50%;
					display: inline;
					}

.inner-shell		
					{
					margin: 0.5em .75em;
					;
					}

/*	LAYOUT - Wide Template
- - - - - - - - - - - - - - - - - - - - - - - -	*/

body.wide #wrapper		
					{
					background-image: none;
					}

body.wide div#col-one, body.wide div#col-two, body.wide div#admin		
					{
					display: none;
					}

body.wide #side-wrap		
					{
					padding-bottom: 2em;
					}

body.wide #col-wide		
					{
					display: block;
					}

/*	LAYOUT - MASTHEAD
- - - - - - - - - - - - - - - - - - - - - - - -	*/

#masthead		
					{
					background: #599E29 url(img/masthead_bg.jpg) no-repeat 0 3em;
					width: 100%;
					padding-top: 3em;
					height: 125px;
					border-bottom: 1px solid #000;
					position: relative;
					}

#masthead #branding		
					{
					font: 265% Tahoma;
					letter-spacing: -.05em;
					margin: 0 0 0 27px;
					padding: 44px 0 0;
					color: #cccccc;
					border: none;
					}

/*	STYLING - General Masthead elements
- - - - - - - - - - - - - - - - - - - - - - - -	*/

#masthead h1		
					{
					margin: 0;
					border: 0;
					}

/* Key */

div#key		
					{
					background: url(img/key_corner.gif) no-repeat left bottom;
					margin-left: 35%;
					width: 65%;
					height: 50px;
					font-size: .8em;
					}

#key ul		
					{
					list-style: none;
					margin: 0 0 0 10px;
					padding: 0;
					background: url(img/key_bg.gif) repeat-x left bottom;
					height: 50px;
					}

#key li		
					{
					float: left;
					background-image: none;
					padding: 32px 10px 5px;
					margin: 0;
					color: #000;
					text-align: center;
					}

#key li a:hover		
					{
					color: #A3BCD6;
					}

#key li.download		
					{
					background: url(img/icons/icon_download.gif) no-repeat center top;
					}

#key li.image-file		
					{
					background: url(img/icons/small/icon_image_small.gif) no-repeat center top;
					}

#key li.pdf		
					{
					background: url(img/icons/small/icon_pdf_small.gif) no-repeat center top;
					}

#key li.doc		
					{
					background: url(img/icons/small/icon_doc_small.gif) no-repeat center top;
					}

#key li.web		
					{
					background: url(img/icons/small/icon_web_small.gif) no-repeat center top;
					}

#key li.other		
					{
					background: url(img/icons/small/icon_other_small.gif) no-repeat center top;
					}

/*	Navigation
- - - - - - - - - - - - - - - - - - - - - - - -	*/

/* Utility Nav */

#utility-nav		
					{
					text-align: right;
					font-size: 82%;
					color: #000;
					margin: 0 0 1px;
					padding-bottom: 1px;
					font-weight: bolder;
					border: solid #000;
					border-width: 0 0 1px 0;
					position: absolute;
					top: 0;
					right: 0;
					width: 100%;
					background: #FFF;
					}

#utility-nav li		
					{
					display: inline;
					margin: 0;
					padding: 0 0.5em;
					border-left: 1px solid #737373;
					background-image: none;
					}

#utility-nav a:link, #utility-nav a:visited		
					{
					color: #737373;
					text-decoration: none;
					}

#utility-nav li.member		
					{
					display: block;
					color: #2B7EB4;
					margin-top: 0.5em;
					padding-bottom: 0.5em;
					border: solid #000;
					border-width: 0 0 1px 0;
					}

#utility-nav li.member span		
					{
					color: #000;
					font-weight: normal;
					}

/*	LAYOUT - Content Section (left col)
- - - - - - - - - - - - - - - - - - - - - - - -	*/

#content		
					{
					margin-right: 50%;
					}

/*	STYLING - Content
- - - - - - - - - - - - - - - - - - - - - - - -	*/

/* STYLING - Tree Global Controls */

#tree-control li		
					{
					display: inline;
					margin-right: 1em;
					}

#tree-control li.collapse-all		
					{
					background: url(img/minus.gif) center left no-repeat;
					}

#tree-control li.expand-all		
					{
					background: url(img/plus.gif) center left no-repeat;
					}

#tree-control li a:link, #tree-control li a:visited		
					{
					color: #EB8A21;
					}

/* STYLING - Main tree structure */

#tree		
					{
					overflo

w-y: hidden;
					/* IE Only hack to remove the unwanted vertical scrollbar */
white-space: nowrap;
					width: 100%;
					height: 250px;
					overflow-y: scroll;
					}

#tree li		
					{
					background-image: none;
					padding: 0 0 0 15px;
					margin: 5px 0 0 0;
					}

#tree li a, #tree li a:link, #tree li a:visited		
					{
					background: url(img/sprite_folders.gif) no-repeat 0 0;
					padding-left: 20px;
					text-decoration: none;
					}

#tree li a:visited		
					{
					color: #2B7EB4;
					}

#tree ul		
					{
					margin-bottom: 0;
					}

#tree li li.on		
					{
					background-color: #F0F0F0;
					}

#tree li.on a, #tree li.on a:visited		
					{
					background-position: 0 -486px;
					color: #EB8A21;
					}

#tree li.on li a:link, #tree li.on li a:visited		
					{
					background-position: 0 0;
					color: #2B7EB4;
					font-weight: normal;
					}

#tree .bullet		
					{
					padding-left: 15px;
					}

li.li-open ul		
					{
					display: block;
					}

li.li-open .bullet		
					{
					cursor: pointer;
					background: url(img/minus.gif) center left no-repeat;
					}

li.li-closed ul		
					{
					display: none;
					}

li.li-closed .bullet		
					{
					cursor: pointer;
					background: url(img/plus.gif) center left no-repeat;
					}

/*	 - Side Section (center & right cols)
- - - - - - - - - - - - - - - - - - - - - - - -	*/

#side-wrap		
					{
					width: 50%;
					float: right;
					display: inline;
					padding-bottom: 2em;
					}

body.super-user #side-wrap		
					{
					padding-bottom: 160px;
					}

#col-one, #col-two		
					{
					float: left;
					width: 48%;
					height: 350px;
					overflow: scroll;
					overflow-x: hidden;
					}

#col-two		
					{
					float: right;
					width: 50%;
					}

#col-wide		
					{
					display: none;
					}

/*	STYLING - Standard Side content
- - - - - - - - - - - - - - - - - - - - - - - -	*/

.thumbnail		
					{
					margin: 0 10px 0 0;
					position: relative;
					z-index: 9999;
					border: 1px solid #eeeeee;
					float: left;
					width: 100px;
					padding: 4px;
					background: #ffffff;
					}

.thumbnail img		
					{
					border: 1px solid #000000;
					}

/* STYLING - Files col */

.files li		
					{
					background-image: none;
					border: solid #E6E6E6;
					border-width: 0 0 1px 0;
					padding-left: 0;
					}

.files li a, .files li a:visited		
					{
					color: #000;
					text-decoration: none;
					padding-left: 21px;
					background: url(img/sprites.gif) 0 -500px;
					display: block;
					}

.files li a:hover		
					{
					color: #2B7EB4;
					background: url(img/sprites.gif) 0 -500px;
					}

.files li.on a:link, .files li.on a:visited		
					{
					color: #EB8A21;
					background: url(img/sprites.gif) 0 -500px;
					}

/* STYLING - File Details Col */

/*#col-two div.inner-shell {
margin-left:0;
}*/

div.details-box img		
					{
					float: left;
					margin: 0 0.5em 0.5em 0;
					padding: 0 2px;
					}

div.details-box h2, div.details-box .date		
					{
					margin-left: 55px;
					color: #2B7EB4;
					}

div.details-box .date span		
					{
					color: #000;
					}

.download-box		


{
					/*background: #FAFAFA url(img/download_box_bg.gif) repeat-x 0 0;*/
margin-left: 3px;
					border: solid #e6e6e6;
					border-width: 1px 0 0;
					}

.download-box ul		
					{
					margin: 0;
					padding: 0;
					}

.download-box li		
					{
					float: left;
					width: 46%;
					margin: 0 1%;
					padding: 1em 0;
					background-image: none;
					text-align: center;
					font-size: .8em;
					}

.download-box li img		
					{
					display: block;
					margin: 0 auto;
					}

.download-box li		
					{
					text-align: center;
					}

/*	LAYOUT - Admin Panel
- - - - - - - - - - - - - - - - - - - - - - - -	*/

#admin		
					{
					clear: both;
					width: 50%;
					z-index: 100;
					}

/* Below rule needed in order to clear the cols that sit above the admin panel.
NOTE: Any adjustments to this height and you will need to apend 
the bottom padding of div#side-wrap to mirror this height.
*/

#admin		
					{
					height: 160px;
					}

#admin		
					{
					display: none;
					}

body.super-user #admin		
					{
					display: block;
					}

/* This positions the admin panel at the bottom
of interface above the footer. 
*/

#admin.verticalalign		
					{
					;
right: 0;
					}

/*	STYLING - Admin Panel
- - - - - - - - - - - - - - - - - - - - - - - -	*/

#admin		
	

{
					
					}

#admin div.inner-shell		
					{
					margin: 0 0 0 4px;
					background: url(img/admin_panel_bg.png) repeat-x 0 0;
					height: 160px;
					padding-top: 0px;
					}

#admin h4		
					{
					text-align: right;
					color: #2B7EB4;
					padding: .5em 1em .5em 0;
					border-width: 0;
					background: transparent url(img/admin_tab.gif) no-repeat right top;
					margin-top: 0;
					}

#admin ul#admin-files		
					{
					float: left;
					width: 48%;
					}

#admin ul#admin-details		
					{
					float: right;
					width: 50%;
					background: url(img/admin_divider.gif) no-repeat 0 0;
					}

#admin li		
					{
					background: url(img/admin_sprites.gif) no-repeat left top;
					padding: 0.2em 0 0.5em 48px;
					float: left;
					display: block;
					width: 80%;
					}

#admin li a		
					{
					display: block;
					}

#admin li.edit		
					{
					background-position: 0 -147px;
					}

#admin li.delete		
					{
					background-position: 0 -297px;
					}

#admin li.manage		
					{
					background-position: 0 -447px;
					}

/*	LAYOUT - FOOTER
- - - - - - - - - - - - - - - - - - - - - - - -	*/

#footer		
					{
					clear: both;
					border-top: 1px solid #000;
					padding: 10px 0 30px;
					font-size: 86%;
					color: #999999;
					background: #FFF;
					}

#footer p		
					{
					margin: 3em 1em 0;
					text-align: right;
					}

#footer a:link		
					{
					color: #999999;
					}

/*	BUTTONS - cancel
- - - - - - - - - - - - - - - - - - - - - - - -	*/

.button.cancel		
					{
					background: transparent url(img/button.gif) no-repeat 0 -44px;
					color: #CC0000;
					}