/*****************************************************
** Title........: Cascading Style Sheet (CSS)
** Filename.....: style.css
** Author.......: David E. Skender
** Homepage.....: bugs.SkenderCo.com
** Contact......: mailto:support@SkenderCo.com
** Notes........: Designed using PHP v4.3.10 and MySQL v3.23.58 
** Last changed.: 2005-07-10
** Last change..: 
**
** SEE INDEX.PHP IN THE ROOT DIRECTORY FOR ADDITIONAL INFORMATION
*****************************************************************/

/**** GENERAL PAGE STYLES****/

body { 	
	background-color: 	#DEDFB5;
	margin: 			0px;
	padding: 			0px;		
}

/* General font families for common tags */
font,th,td,p  { 	
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	font-size : 		12px;	
}
				
a:link,
a:active,
a:visited { 
	text-decoration: 	none; 
	color : 			#336699;	
}
a:hover { 	
	text-decoration: 	underline; 
	color : 			#006699; 	
}
					
hr {
 	height: 			0px;
	border: 			solid #D1D7DC 0px; 
	border-top-width: 	1px;	
}

/* table cells */
th {	
	color: 				#DDDDDD; 
	font-size: 			10px; 
	padding: 			2px 4px;
	font-weight: 		bold;
	background-color: 	#333333; 
	height: 			15px;
	vertical-align: 	bottom; 	
}

/* The text formatting used in header titles */
h1,h2,h3,h4,h5	{
	font-weight: 		bold; 
	font-family: 		"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: 	none; 
	line-height : 		normal; 
	color : 			#333333; 
	font-size: 			160%;	
	margin: 			15px, 0px, 10px, 0px; 
}
h1 { 
	font-variant:		small-caps; 
}
h2 {	
	font-size: 			140%; 	
	margin: 			15px, 0px, 5px, 0px; 
}
h3 {	
	font-size: 			110%; 	
	margin: 			12px, 0px, 0px, 0px; 
}
h4 {	
	font-size: 			100%; 	
	margin: 			10px, 0px, 0px, 0px;	
	color : 			#333333; 
}
h5 {	
	font-size: 			100%; 	
	margin: 			7px, 0px, 0px, 0px;		
	color : 			#333333;	
	font-weight: 		normal; 
}

ul {	
	margin: 			8px, 0px, 5px, 16px;	
}
li {	
	list-style: 		square;
	margin: 			0px, 0px, 8px, 0px;	
}
ul.grp {
	margin: 			5px, 0px, 5px, 16px;
}
li.grp {	
	list-style: 		none;
	margin: 			0px, 0px, 8px, 0px;	
}

/* Form input stuff */
form {	
	margin: 			0px;	
}

input,
select,
textarea {
	font-size: 			10px;	
}
input.small	{	
	font-size: 			9px;
	color: 				#000000; 
}
input.tiny {
	font-size: 			8px;
	color: 				#000000; 	
}
input.login	{
	width: 				120px;		
}
input.submit {	
	font:				bold;
	font-size:			10px;
	font-family: 		verdana;
	border-style:		outset;
	border-width:		2px;
	cursor:				pointer;
	padding:			4px 6px;
}

/* select */
select.select75 {   
	width: 				75px; 
}
select.select100 {   
	width: 				100px; 
}
select.select150 {   
	width: 				150px; 
}
select.select200 {   
	width: 				200px; 
}
select.select250 {   
	width: 				250px; 
}

textarea {	
	font-family: 		Arial, Verdana;
	font-size:			11px;	
}


/**** CLASSES FOR SPECIAL CASE STYLE DEFINITION 
  (each general class style starts with . but unique tag may preceed)****/

.highlight { 
	background: 		#FFFF99; 
} 

.smallfont, 
.smallbfont, 
.smallbredfont, 
.smallbgreenfont, 
.tinyfont, 
.microfont {
	font-family: 		Arial, Verdana;
	font-size: 			10px;	
}
.smallbfont, 
.smallbredfont, 
.smallbgreenfont { 
	font-weight: 		bold;
}
.smallbredfont { 
	color:				#FF0000;
}
.smallbgreenfont { 
	color:				#009900;	
}
.tinyfont { 
	font-size: 			9px;	
}
.microfont { 
	font-size: 			8px;	
}

/* CARD / Content item styles */
td.cardtitle { 
	font-weight: 		bold; 
	font-size: 			11px; 
	padding: 			0px 7px;
	color : 			#fafffa; 
}
td.cardtitle_small { 
	font-weight: 		normal; 
	font-size: 			8px; 
	padding: 			0px 7px;
	color : 			#fafffa; 
}
td.card, 
td.card_small {	
	border-color: 		#333333;
	border-width: 		3px 1px 1px 1px;
	border-style: 		solid;
	padding: 	  		6px;
	background-color:	#fafffa; 
}
td.card_small {	
	padding: 	  		3px; 
	border-width: 		2px 1px 1px 1px; 
}

 .contact, 
a.contact,
a.contact:hover, 
a.contact:link, 
a.contact:active,
a.contact:visited 	{	
	font-family: 		Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	margin:				0px 0px 0px 7px;
	vertical-align: 	middle;
	text-decoration: 	none; 
	font-size:			11px;
	font-weight: 		bold;
	color: 				#FFFFFF; 
}
a.contact:hover	{	
	color: 				#4477AA; 
}

.site { 	
	font-family: 		Arial, Verdana, Helvetica, sans-serif;
  	font-weight: 		bold;
  	font-size: 			16px; 
  	margin: 			0px 0px 0px 6px;
  	color : 			#EEEEEE; 
}
a.site,
a.site:link,
a.site:active,
a.site:visited,
a.site:hover { 	
	text-decoration: 	none; 
	color : 			#EEEEEE; 
}
a.site:hover { 	
	text-decoration: 	none;
	color : 			#FFCC66; 
}
  				  
.main { 
	margin: 			0px 20px 0px 20px;	
}

.menu {	
	font-weight: 		bold; 
	font-size: 			10px; 
	color : 			#111111;
}
td.menu	{	
	padding: 	  		0px 5px 0px 5px; 
}

.mymenu	{
	font-weight: 		bold; 
	font-size: 			10px; 
	color : 			#111111;
}
td.mymenu {
	padding: 	  		0px 5px 0px 5px;
	vertical-align: 	top; 
}

.section_menu {
	font-weight: 		bold; 
	font-size: 			10px; 
	color : 			#111111;
}
td.section_menu	{
	padding: 	  		0px 5px 0px 5px; 
}
td.section_menu_back {
	border-color: 		#999966;
	border-style: 		solid;
	border-width: 		1px 0px 0px 0px;
	padding: 	  		0px;
	background-color:	#333333;
}

/* Used for the navigation text */
.nav {
	 font-weight: 		bold; 
	 font-size: 		11px; 
	 color : 			#000000;
}
a.nav {
	 text-decoration: 	none; 
	 color: 			#006699; 
}
a.nav:hover { 
	text-decoration: 	underline; 
}

/* Used for the user and menu authentication text   */
.usr { 
	font-weight: 		bold; 
	font-size: 			9px; 
	padding: 			0px 0px 1px 0px;
	color : 			#333333;
}
a.usr,
a.usr:link,
a.usr:active,
a.usr:visited {
	text-decoration: 	none; 
	color : 			#333333;  
}
a.usr:hover	{ 
	text-decoration: 	none;
	color : 			#CC3333; 
}

/* Used for the main header menu navigation text   */
.hnav,
.hnav2 { 
	font-weight: 		bold; 
	font-size: 			13px; 
	color : 			#EEEEEE; 
}
a.hnav,
a.hnav:link,
a.hnav:active,
a.hnav:visited { 
	text-decoration: 	none; 
	color : 			#BBBBBB;  
}
a.hnav2,
a.hnav2:link,
a.hnav2:active,
a.hnav2:visited { 
	text-decoration: 	none; 
	color : 			#999966;  
}
a.hnav:hover, 
a.hnav2:hover { 
	text-decoration: 	none;
	color : 			#FFCC66;
}

/* Used for the application submenu navigation text   */
.pnav, 
pnav2 { 
	font-weight: 		bold; 
	font-size: 			10px; 
	color: 				#EEEEEE; 
}
a.pnav,
a.pnav:link,
a.pnav:active,
a.pnav:visited { 
	text-decoration: 	none; 
	color : 			#BBBBBB;  
}
a.pnav2,
a.pnav2:link,
a.pnav2:active,
a.pnav2:visited { 
	text-decoration: 	none; 
	color : 			#999966;  
}
a.pnav:hover, 
a.pnav2:hover { 
	text-decoration: 	none;
	color : 			#FFCC66;
}

/* Used for the my menu navigation text   */
.mynav,
.mynav2	{ 
	font-weight: 		bold; 
	font-size: 			9px; 
	color : 			#EEEEEE; 
}
a.mynav,
a.mynav:link,
a.mynav:active,
a.mynav:visited { 
	text-decoration: 	none; 
	color : 			#BBBBBB;  
}
a.mynav2,
a.mynav2:link,
a.mynav2:active,
a.mynav2:visited { 
	text-decoration: 	none; 
	color: 				#999966;  
}
a.mynav:hover, 
a.mynav2:hover { 
	text-decoration: 	none;
	color: 				#FFCC66;
}

/* Used for the footer navigation text   */
.fnav { 
	font-weight: 		bold; 
	font-size: 			11px; 
	color : 			#333333; 
}

/* Used for the regular body borne navigation menu   */
.rnav { 
	font-weight: 		bold; 
	font-size: 			11px; 
	color : 			#FF9933; 
}
a.rnav,
a.rnav:link,
a.rnav:active,
a.rnav:visited,
a.rnav:hover { 
	text-decoration: 	none; 
	font-size: 			10px; 
	color: 				#999999; 
}
a.rnav:hover { 
	text-decoration: 	underline;
	color: 				#FF9933; 
}

/* Used for the carrot navigation text   */
.carrot			{ font-weight: bold; 
				  font-size: 10px; 
				  margin: 0px, 3px;
				  color : #000000; }
a.carrot,a.carrot:link,a.carrot:active,a.carrot:visited,a.carrot:hover
				{ text-decoration: none; 
				  color : #336699; }
a.carrot:hover	{ text-decoration: underline;
				  color : #EECC66; }


/* Quote & Code blocks */
.code {
	font-family: 		Courier, 'Courier New', sans-serif; 
	font-size: 			11px; 
	color: 				#006600;
	background-color: 	#FAFAFA; 
	border: 			#D1D7DC; 
	border-style: 		solid;
	border-left-width: 	1px; 
	border-top-width: 	1px; 
	border-right-width:	1px; 
	border-bottom-width:1px;
}

.quote {
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	font-size: 			11px; 
	color: 				#444444; 
	line-height: 		125%;
	background-color: 	#FAFAFA; 
	border: 			#D1D7DC; 
	border-style: 		solid;
	border-left-width: 	1px; 
	border-top-width: 	1px; 
	border-right-width: 1px; 
	border-bottom-width:1px
}


/* Copyright and bottom info */
.copyright { 
	font-size: 			10px; 
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	color: 				#444444; 
	letter-spacing: 	-1px;
}
a.copyright { 
	color: 				#444444; 
	text-decoration: 	none;
}
a.copyright:hover { 
	color: 				#000000; 
	text-decoration: 	underline;
}


/* TABLES */

table.doc, 
table.preview, 
table.bb, 
table.pane,
table.list { 
	vertical-align:		top;
	border-collapse:	collapse;
	border-style: 		solid;
	border-color:		#CCCCCC;
	border-width: 		1px 1px 1px 1px;
	padding: 			5px 5px 5px 5px;
	width:				750px;	
}
table.pane { 
	border-width: 		0px; 
}

table.preview { 
	width:				100%;
	background-color: 	#FFFFFF;	
}

/* Bulletin Board Classes */
table.bb { 
	border-style:		solid;
	border-color:		#666666;
	border-width:		1px 0px 0px 0px; 
}

td.bb_content, 
td.bb_menu { 
	font-family: 		Arial, Verdana, Helvetica, sans-serif;
	font-size:			12px;
	font-weight: 		normal;
	border-style:		solid;
	border-color:		#666666;
	border-width: 		0px;
	padding: 			2px 5px 2px 5px;
	color:				#111111; 
}
td.bb_content, 
td.bb_menu { 
	background-color: 	#DDDDDD; 
}
td.bb_content { 
	border-color:		#666666;
	border-width:		0px 0px 0px 0px; 
}
td.bb_menu { 
	border-color:		#666666;
	border-width:		0px 0px 0px 0px; 
}
table.list { 
	border-width: 		1px 0px 0px 0px;	
} 
td.list { 
	font-size:			10px;	
	padding:			0px 0px;
}
td.rowborder { 
	vertical-align:		top;
	border-style: 		solid;
	border-color:		#CCCCCC;
	border-width: 		1px 0px 0px 0px;	
}

/* Two column form results classes */
table.two_column, 
table.two_column_title { 
	vertical-align:		top;
	border-collapse:	collapse;
	border-style: 		none;
	border-color:		#CCCCCC;
	border-width: 		0px 0px 0px 0px;
	padding: 			5px 5px 5px 5px;
	width:				auto;	
}
td.two_column, 
td.two_column_title {	
	vertical-align:		top;
	border-color: 		#CCCCCC;
	border-style: 		solid;
	border-width: 		0px 0px 1px 0px;
	padding:			5px;
}
td.two_column_title {	
	font-size:			10px;
	font-weight: 		bold;
	font-variant:		small-caps;
}


/**** ID's for JavaScript or DHTML (each start with # sign) 
					or just regular ID use (instead of class)****/

/* Folder styles */
#foldheader {	
	font-family: 		Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	margin: 			0px, 2px, 0px, 20px;
	cursor:				pointer;
	list-style-image:	url('/images/folder_closed.gif');
	vertical-align: 	middle;	
}

#foldinglist {	
	list-style-image:	url('/images/folder_content_web.gif');
	font-size: 			11px;
	margin: 			0px, 2px, 0px, 20px;
	vertical-align: 	middle;	
}