/* TIKIWIKI STARTER.CSS
 *
 * This .CSS is included as a starter theme for Tiki CMS/Groupware. 
 * Courtesy of the Tikiwiki Development Team
 * For more information on starter.css, please visit http://themes.tikiwiki.org.
 * Released under the LGPL license.
 *
 */

/*#################HIPRO STUFF####################*/
html, body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

table {
border-spacing: 0px;
}

#tiki-main {
/* master section containing all others  
	border: 0px; 
	margin: 0px;
	cellpadding: 0px; 
	cellspacing: 0px; 
	width: 100%;*/
}

#tiki-main-table {
/* master table containing all others */
}

.structural {
/*tr's and td's containing left, right modules and main content*/
	border: 0; 
	padding: 0; 
	cellspacing: 0; 
	margin: 0;
}


#leftcol {
	background-image: url(hipro/left_bg.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	width: 147px;
}

#centercol {
	background-image: none;
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#rightcol {
	background-image: url(hipro/right_bg.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	width: 58px;
}

#leftcolbot {
	height: 229px;
	width: 147px;
	background-image: url(hipro/left_bg_bot.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#rightcoltop {
	height: 199px;
	width: 58px;
	background-image: url(hipro/right_bg_top.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;

}
#rightcolmid {
	height: auto;
	width: 58px;
	clear: both;
}

#rightcolbot {
	height: 229px;
	width: 58px;
	clear: both;
	background-image: url(hipro/right_bg_bot.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	position: absolute;
	bottom: 0px;

}
.middle {
	background-color: #FFFFFF;
	height: 100%;
	background-image: url(/hipro/greybot2.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}
.topbar {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC0000;
	/*background-image: url(images/redtop.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;*/
	border-bottom: solid 4px #CC9900;
	margin: 0px;
	padding: 0px;
	height: 57px;
	width: 100%;
}
.content {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
	margin-left: 20px;
}
.toptext, .toptext:link, .toptext:visited, .toptext:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 20px;
	text-decoration: none;
}
.extralines {
	height: 79px;
	width: 30px;
	position: absolute;
	left: 30px;
	top: 131px;
}
.sidemenu {
	margin: 0px;
	padding: 0px;
	width: 139px;
	position: absolute;
	z-index: 1;
	left: 8px;
	top: 223px;
}
.sidemenuitem_light {
	background-image: url(/hipro/menu_light.jpg);
	padding: 0px;
	padding-left: 5px;
	padding-top: 1px;
	height: 26px;
	width: 139px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.sidemenuitem_dark {
	background-image: url(/hipro/menu_dark.jpg);
	padding: 0px;
	padding-left: 5px;
	padding-top: 1px;
	height: 26px;
	width: 139px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.sidemenuitem_red {
	background-image: url(/hipro/menu_red.jpg);
	padding: 0px;
	padding-left: 5px;
	padding-top: 1px;
	height: 26px;
	width: 139px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
}
.sidemenulink:link, .sidemenulink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	text-align: left;
}
.sidemenulink:hover {
	color: #CC9900;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #CC0000;
}
.greybox {
	background-color: #CCCCCC;
	background-image: url(/hipro/gradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 10px;
	border: 1px solid #999999;
}
.greyboxheader {
	background-color: #CCCCCC;
	background-image: url(/hipro/greybot.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom: solid 3px #CC9900;
	padding: 5px;
	padding-top: 2px;
	color: #FFFFFF;
	font-weight: bold;
	font-size:18px;
}
.greyboxheader:link, .greyboxheader:visited, .greyboxheader:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.greyboxcontent {
	padding: 10px;
}
.itemtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	text-align: center;
	margin-bottom: 5px;
}
.itemcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.tabrow {
	height: 30px;
	position: relative;
}
.tabbar {
	background-color: #CC0000;
	height: 10px;
	border-top: solid 3px #CCCCCC;
		clear: left;
	margin-left: 10px;
	margin-right: 10px;
}
.tabtitle {
	margin-top: 10px;
}
.tabbox {
	/*border: solid 3px #666666;*/
	border-top: solid 3px #CC9900;
	background-color:#FFFFFF;
	/*height: 300px;*/
	/*overflow: auto;*/
	clear: left;
	margin-left: 10px;
	margin-right: 10px;
}
.tabcontent {
	margin: 10px;
	margin-top: 15px;
}
.tabon, .taboff {
	width: 94px;
	height: 33px;
	background-color:#FFFFFF;
	float: left;
	margin-left: 15px;
	position: relative;
	border-bottom: 0px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	font-size: 11px;
}
.tabon {
	top: 3px;
	color:#FFFFFF;
	background-image:url(/images/tab_red.png);
	background-position:top;
	background-repeat:no-repeat;
}
.taboff {
	height: 27px;
	top: 5px;
	background-image:url(/images/tab_gray.png);
	background-position:top;
	background-repeat:no-repeat;
	border-bottom: solid 1px #999999;
}


/* 
=========== THE FRAMEWORK =========== 

- These are the master divs that hold the main sections of content.
- For documentation on the layout schema see: 
  http://doc.tikiwiki.org/tiki-index.php?page=Theme%20Layout%20Schema
*/


#overDiv
/* first div across the top, used for error messages */


#tiki-top
/* top div is first in main, contains tiki-top_bar.tpl */

	#top-bar-left {
	/* (new) called by tiki-top_bar.tpl can contain graphic for rounded corner etc.*/
	}
	#top-bar-center {
	/* called by tiki-top_bar.tpl contains: site identity, background graphic for top-bar*/
	}
	#top-bar-right {
	/* (new) called by tiki-top_bar.tpl can contain graphic for rounded corner etc.*/
	}


#tikimid
/* div containing mid-table */

#tiki-midtbl {
/*the table id containing left, right modules and main content*/
	border: 0; 
	padding: 0; 
	cellspacing: 0; 
	width: 100%;
}
#leftcol {
/*  */
	valign:top;
}
#tiki-content {
/* in the center column - content goes here*/
	padding: 10px;

}


#leftcolumn {
/* also guess - right modules */
	valign:top;
	padding-left: 8px;
	font: smaller;
}

#rightcolumn {
/* also guess - right modules */
	valign:top;
	padding-right: 10px;
	font-size: x-small;
}
#page-bar {
/* detailed, usually lower controls on wiki, article etc. */
}
#tiki-bot {

}

/* 
=========== SITE IDENTITY=========== 
- selectors that control stuff that identifies the site.

*/


#siteheader
/* main div for top_bar? */

#sitelogo
/* user definable */

#sitead
/* for adwords? */




/* 
=========== MENUS =========== 
*/
.horbar
/* horizontal phplayers menu */
.horbaritem
/* button in phplayers menu */
.menulink
/* links in top bar */
.sidemenu {
	margin: 0px;
	padding: 0px;
	width: 139px;
	position: absolute;
	z-index: 1;
	left: 8px;
	top: 223px;
}
.linkmenu, .linkmenu:link, .linkmenu:visited {
/* was .sidemenuitem_light*/
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	background-image: url(/images/menu_light.jpg);
	padding: 0px;
	padding-left: 5px;
	padding-top: 1px;
	height: 20px;
	width: 132px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}
.separator {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	background-image: url(/images/menu_dark.jpg);
	padding: 0px;
	padding-left: 5px;
	padding-top: 1px;
	height: 20px;
	width: 132px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#rightcolumn separator {

	font-size: small;

}


.topbar a, .topbar a:link, .topbar a:visited, .topbar a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 40px;
	text-decoration: none;
}

.separator a , .separator img {
	display: inline;
	background-image: none;
	padding: 0px;
	border:none;
}


.sidemenulink:link, .sidemenulink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	text-align: left;
}
.sidemenulink:hover {
	color: #CC9900;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #CC0000;
}

/* 
=========== TABS===========
Used in say, mytiki 
*/
.tab-menu
.tab-selected
.tab-wrapper
.tab-container


/* 
=========== LINKS ===========
*/
a:link, a:visited {
	font-weight: normal;
	color:#CC9900;
	text-decoration: none;
}
a:hover {
        color: #FFCC55;
	text-decoration: none;





/* 
=========== BUTTONS ===========
*/
.button2
.button
/*default button*/
.linkbut 
/*text inside a button */

.highlight 
/*span class for text of active button */


/* 
=========== BOXES/MODULES =========== 

- Boxes include modules, trackers, tables in pages, call-outs, etc. use decendant selector .box-shadow.box for just modules or feature specific selector for others. 

*/


.box-shadow
/* container div for box */

.box
/* many things, incl module box */

.box-title
/* div containing box title */

.box-modulename
/* all named modules have a second class "box-modulename" in addition to .box */

.box-data
/* text and stuff in the box */

.flipmodtitle
/* toggles module rollup */

.flipmodimage
/* icon of module rollup */

.box-footer
/* bottom area of box */

/*
=========== NAVIGATION ===========
Various content navigation/organization aids, breadcrumbs, tocs, structures, 
*/

.navbar

.categpath
/* */
.freetaglist
/*freetag container div */
.freetag
/* the tags themselves */
.catblock
/*categories container */
.cattitle
/*category name*/
.catlists
/* other pages in category? */



/* 
=========== MISC CONTROLS =========== 

- These are selectors that work with various site controls.

*/
#showhide_columns
/* within #centercolumn, called by tiki.tpl */
	.flip /* java link for flipping */
	.colflip /* flip icon optional img/icons/ofo.gif */

#fullscreenbutton
/* container for horizontal menu? */
#ajaxloading
/*  */
#ajaxdebug
/*  */

.tellafriend
/* div for this feature */
#attzone
/* container for attachments upload */

#comzone
/* container for comments section */

/*
=========== FEATURE SPECIFIC SELECTORS ===========

Many objects in tiki have two classes, a generic and a feature or object specific one.
If you cross into doing feature specific seletors, these should trump the styles above 
if they are below the generic ones in this style sheet. 

For a simple design, you can delete everything below this line. 

==================================================
?>>>SNIP<<<<?
==================================================

*/

/*
=========== WIKI ===========
*/

.wikitext
/* */
.wikitopline
/* */
#description
/* wiki page subtitle */
.wiki
/* the wiki link*/
.wikinew
/* create new page icon*/
.showhide_heading
/* java based rollup and rolldown linked to heading levels */

.editdate
/* created by . . . section */



/*
=========== COMMENTS ===========
Various content navigation/organization aids, breadcrumbs, tocs, structures, 
*/


/*
=========== FORUMS =========== 
*/

/*
===========TRACKERS =========== 
*/

/*
=========== CALENDAR =========== 
*/


/* */


/* */


/* */









/* */


/* */


/* */


/* */


/* */


/* */


/* */


/* */


/* */


/* */


/* */


/* */



/* */



/* */



/* */




/* */


/* */


/* */


/* */