/************************************************************************
	Author: Ideawire [Mari Garza] 
	(2 COLUMN FIXED W/ HEADER & FOOTER)
	BASED ON 4 COLUMN LAYOUT:  COLUMNS=225PX GUTTER=15PX
	
	
	====== COLORS ===== 
		Green (0) Ñ #f2fbb0	
		Green (1) Ñ #daeb69
		Green (2) Ñ #b2c442
	Green* (3) Ñ #96a825
		Green (4) Ñ #738700
		Green (5) Ñ #596d00

		Grey (1) Ñ #e5e0d9
		Grey (2) Ñ #d7d2cb
	Grey* (3) Ñ #8f9193
		Grey (4) Ñ #78716e
		Grey (5) Ñ #3c3b39
		
		Purple (0) Ñ #dfddef
		Purple (1) Ñ #b5b5ff
		Purple (2) Ñ #78716e9c2
	Purple* (3) Ñ #54589e
		Purple (4) Ñ #202c6a

		White Ñ #FFF
		Red Ñ #990000
		Red (lt) Ñ #fcf
		Yellow Ñ #ffc
		Blackish Ñ #282828 	 


************************************************************************/
/***********************************************************************
				RESET
************************************************************************/
    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, 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 { border-style: solid;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit; 	font-style: inherit; 	font-size: 100%; 	vertical-align: baseline; text-align:left; }
	:focus { outline: 0;}  /* remember to define focus styles! */
	table { border-collapse: separate; border-spacing: 0;}  /* tables still need cellspacing="0" cellpadding="0" in the markup */
	caption, th, td { font-weight: normal; vertical-align: top;}
	ul, ol   { list-style:none;}
	blockquote:before, blockquote:after, q:before, q:after { content: "";}
	blockquote, q { quotes: "" "";}  	
	
/***********************************************************************
				UNIVERSAL STYLES
************************************************************************/	
/* ====== BASICS (html, body) ====== */
    html { background: url("http://www.ideawire.net/images/css/bg_green.png") #96a825 top repeat-x;}	  
	body {  font-size: 62.5%; width:100%; }
* {font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}  /* except code */

/* ====== DISPLAY (screen/print specific )====== */
    #banner, #navigation, #footer, #links	 { display: block;}
	#sidebar {display: inline;} /* IE Hack */
 
/* ====== MARI - SHORTHAND ====== */
	.clear { clear: both; }
	.left { text-align: left;}
	.right { text-align: right;}
	.center { text-align: center;}
	.small { font-size: 0.8em; font-family: inherit;}
	.nowrap { white-space:nowrap;}
						
/***********************************************************************
					STRUCTURE & LAYOUT - (2 COLUMN FIXED W/ HEADER & FOOTER)
************************************************************************/		
	#container { margin:0 auto; width: 975px; background-color: #FFF; border: solid #78716e; border-width: 0 1px 0 1px;}
	
/* BANNER */
	#logo { margin:15px 15px 0px 30px; float:left;}
	#navigation {text-transform: lowercase;}
	#banner { clear: both; margin: 15px 0px 0px 0px; }
/* CONTENT */
	#ContentArea { width: 945px; margin:15px;  }
	#content { 	width: 705px; margin:0 0 15px 0; float: left; position: relative;}
		#contentAdmin {	width: 945px;}
			
	#sidebar {	width: 225px; font-size:1em; margin:0 0 15px 0; float: right; position: relative;}           					
					
/* WRAPPER */
	.grid1 {width: 225px; margin:0 15px 15px 0; position: relative; float: left;}
	.grid2 {width: 465px; margin:0 15px 0 0;}
	.grid3 {width: 705px; margin:0 15px 0 0;}
	.grid4 {width: 945px; clear: both; }
/* FOOTER */		
#footer { clear: both; border-top: 1px solid #282828; background:url("http://www.ideawire.net/images/css/bg_footer_grey.gif")  #3c3b39 top repeat-x; color: #e5e0d9; padding: 15px 0 15px 15px;} 	

#footer .grid4 {margin:15px 0 0 0; color: #8f9193; font-size: 9px;  text-align: center; background:none;}
#footer p { font-size: 10px;}

	
/***********************************************************************
					TEXT & HEADLINES
************************************************************************/
p, li, table, input, textarea, kbd { font-size: 12px;}
	
	p 	{ margin-bottom: 15px; line-height: 1.5em;}
	#content p  {  max-width: 650px;}
	
/* ====== LINKS ====== */
 	a { font-weight: bold; text-decoration: none; border-bottom: 1px solid #54589e;  color: #54589e; }
 	a:hover {color: #738700;  border-color: #738700;}	 
	a.image { border-bottom: none;}  /* Removes border from  linked images. A class="image" must accompany a tag */	
	
/* --------------HEADLINES------------- */
h1,h2,h3,h4,h5,h6 { clear: both; font-weight: normal; text-transform:none; margin-bottom: 5px; letter-spacing: 0.3px; line-height: 1.3em; }
          h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-size: 1em; color: inherit; font-weight:inherit;}

	h1	{ font-size: 4.8em; text-transform:lowercase; color: #3c3b39; font-family:  Georgia, "Times New Roman", Times, Serif; line-height: 1em; }
	h2	{ font-size: 2.8em;color: #3c3b39; border-bottom: 1px dotted #3c3b39; }
	h3 	{ font-size: 1.2em; margin: 0px 0px 5px 0px;}
	h4	{ font-size: 0.9em; margin: 0px 0px 5px 0px; text-transform:uppercase; text-align:right; color: #78716e;}     	      
	h5	{ font-size: 0.9em; color: #78716e;}	       	
	h6  { font-size: 11px; text-transform: uppercase;font-weight: bold; color: #3c3b39; }

	.h3 { color: #000;}
#footer h1 {font-size: 1.8em; color: #ffffff; border-bottom: 1px dotted #fff; padding: 0 0 5px 0; text-transform: lowercase; margin:10px 0px;}	
#sidebar h1{font-size: 2.8em;}	

#sidebar h2{font-size: 1.8em; color: #738700; font-family:  Georgia, "Times New Roman", Times, Serif; font-style: italic; border-bottom: 1px dotted #78716e; text-transform:inherit;}	

/* ====== QUOTES ====== */ /* reset styling */
	blockquote, q {margin: 15px 30px;}  
	blockquote p { font-size:1.6em;}
	blockquote cite{ font-size: 1.2em;} 

/* ====== IMAGES ====== */ /* reset styling - border=0; */
	img {border: 0px;}
		.noborder { border-width: 0px;}
	img.left { margin: 0 15px 15px 0; float: left;}
	img.right { margin: 0 0 15px 15px; float: right;} 
	#banner img {vertical-align:text-bottom;}
             .img_caption, .caption { text-align: right; color: #78716e; font-size: 11px; margin: 3px 0; padding: 3px 0px;  font-style:italic;}
             .caption { border-top: 1px solid #78716e;}	
	
/* ====== TEXT ELEMENTS ====== */
	hr 	{ clear: both; height:0; border-top:1px solid #8f9193; margin: 15px 0px; color: #FFFFFF}
	span {font-family: inherit; }
	pre {}
	caption {padding: 0 0 5px 0; text-align:right; color: #78716e; }

/* --------------INLINE (CAN'T CHANGE ALIGNMENT)------------- */ 
	b, strong { font-weight: bold; }
	i, em { font-style:italic;}
	del { color: #78716e; text-decoration: line-through;}
	code { font-family: Courier New, Courier, monospace; color: #78716e;}
	cite { color: #596d00; }
	ins{}	
		
/***********************************************************************
	LISTS & NAVIGATION — reset with  list-style: none; 
************************************************************************/
li { }
li li { font-size: 1em;}
li p { font-size: 1em;}
	
/* ====== LISTS ====== */    
	#content ul, #contentAdmin ul, #content ol, #contentAdmin ol { margin: 0 0 15px 30px; }
	 	#content li, #contentAdmin li  { padding: 0 0 10px 0px; }
	#content ul li, #sidebar ul li, #contentAdmin ul li {list-style: disc outside; list-style-image: url(../images/bullet_green.gif);}
	#content ol li, #sidebar ol li, #contentAdmin ol li {list-style: decimal outside;}
	#nav_links ul li{ list-style:none; }	
	
	#sidebar ul, ol	{ margin: 0 0 15px 10px; }	
 	#sidebar li		{ padding: 0 0 10px 0px; } 
		
	.pdf  { margin-left: 30px;}
		.pdf  ul li { list-style-image: url(../images/pdf_small.gif); margin: 15px 0px; }
 	

/* ----- NAVIGATION (banner)-----  */
 	#navigation ul { height: 30px;}
	#navigation li { float: right; display: inline; font-size: 1.4em;}
	#navigation li a { font-weight: normal; border-width: 0; color: #ffffff; padding: 5px 15px;  background: url("http://www.ideawire.net/images/css/bg_nav_grey.gif")  top repeat-x; display: block; height:20px;}          
	#navigation li a:hover { background: url("http://www.ideawire.net/images/css/bg_nav_green.gif") top repeat-x;}    
 	#navigation li.purple a { background: url("http://www.ideawire.net/images/css/bg_nav_purple.gif") top repeat-x;}
 	#navigation li.purple a:hover { background: url("http://www.ideawire.net/images/css/bg_nav_green.gif") top repeat-x;}		
	#navigation li.selected a {  background: url("http://www.ideawire.net/images/css/bg_nav_green.gif") top repeat-x; }
  
	/* ----- NAVIGATION (footer)----- */
	 	#footer a { border-color: #96a825; color: #96a825; }
		#footer a:hover {color: #daeb69;}
	 	#footer ul {list-style: disc; margin: 0px 15px 15px 15px; clear:both; }
	 	#footer li { margin: 0px 0px 5px 0px;} 

	/* ----- NAVIGATION (elswhere)----- */

	 	#elswhere ul {list-style: none; margin:0 }
	 	#elswhere li { list-style: none; float: left; display: inline; margin: 0px 12px 10px 0px; display: block;}
 
/***********************************************************************
					TABLES
************************************************************************/

	table { width: 100%; margin: 0 0 20px 0; border-width: 1px 0 0 1px; border-color: #d7d2cb; }
	
    #content table{ width: 690px;}    	
	#contentAdmin table{ width: 945px;}				
	#sidebar table{ width: 215px;}
	
	tr:hover { background-color : #daeb69; }
	tr:hover .colgroup { background-color : #96a825; }
	tr:hover .col { background-color : #738700; }
	tr:hover .row  { background-color : #96a825; }

	th, td { padding: 3px 5px; border-width: 0 1px 1px 0; border-color: #d7d2cb; text-align: left; font-size: 1em;}
	th {text-transform:uppercase;  background-color: #78716e; color: #fff;} 
	td {}  

	.colgroup {font-size: 1.2em; font-weight:bold; background-color: #738700; color: #fff;}
	.col { background-color: #96a825;}
	.row { background-color: #b2c442;}	

	th p, td p { font-size: 1em;  margin-bottom: 5px; } /* prevents weird renderings when p tag is introduced */

	table .row { width:100px; white-space:nowrap;}

	.time {font-weight:bold; text-align:right; white-space:nowrap; color: #3c3b39;}					
	.total { font-weight:bold; text-align:right; text-transform:uppercase; background-color: #daeb69;}  
	.pending	{ white-space:nowrap; color: #900; font-weight: bold;}
	.credit { font-weight:bold; text-align:right; color: #738700; white-space:nowrap; }

	/* Sidebar - client */ 
	.hourLarge, .hourMedium { font-weight: bold; text-align:center; color: #d7d2cb;}
	.hourLarge 	{ font-size: 65px;}
	.hourMedium { font-size: 38px;}			

	.sub {  font-weight:normal; text-transform: none; text-align:left;}
	.internal {background-color: #daeb69;}
	.grey, .delete {text-align:center; width: 18px; background-color:#e5e0d9;}
	.grey { background-color:#eee;}
	.delete { background-color:#fcf;}
/***********************************************************************
					FORMS
************************************************************************/
	form {  }
	input, textarea {padding: 5px; vertical-align: top;}
	textarea { height: 200px; width: 90%;}
	label { }
    .button {border: 1px solid #596d00; margin: 0 5px; background-color: #738700;  color: #fff;  float: right; width: auto;}
 	select { background-color: #FFF;}

	/* below does not work for IE */
		input[type="text"], input[type="password"] { width: 90%;}
		input[type="radio"] { }
		input[type="checkbox"] { }
		input[type="submit"] { }
/***********************************************************************
					ALERTS
************************************************************************/
.notice 	{background-color: #78716e; }  /* Global Alert */ 		
.highlight 	{background-color: #f2fbb0;} /* Highlighted Text*/ 
.alert 		{background-color: #fcf; font-size: 11px;}
	.notice, .alert, .highlight {padding: 10px; margin: 0 0 15px 0px; border-width: 1px 0px; font-weight: normal; }
	.notice p, .alert p, .highlight p {  margin-bottom: 5px; }
 	.notice h2, .alert h2, .highlight h2 { font-size: 22px;}

.error {font-weight: bold; color: #900; vertical-align: top; }
.required {font-weight: bold; color: #900; vertical-align: top;}