/* essential and basic css settings */
body				{background:#fff; margin:0; padding:0;}
table				{border-collapse:collapse; border-spacing:0; padding:0; margin:0; width:100%;}
pre, code			{font-family:monospace; font-size:12px; overflow:auto; text-align:left;}
#bitlayouttable	{width:100%; padding:0; margin:0;}
#bitleft,
#bitright			{vertical-align:top; width:170px; overflow:hidden;}
#bitmain			{vertical-align:top;}
#bitbottom			{font:10px verdana,sans-serif; color:#999; text-align:center; clear:both;}
.norecords			{font-weight:bold;}
.boxtitle			{text-align:center;}
.boxtitle .icon		{vertical-align:middle;}
.popup				{background:#fff; width:250px; border:1px solid #000; line-height:normal;}
.icon,.icon:hover,
a.icon,a.icon:hover	{border:0px;}
.portrait,.avatar	{float:right; padding:0 0 5px 5px;}
.menu .head			{display:block; white-space:nowrap;}
.menu .item			{display:block;}
.highlight			{font-weight:bolder;}
a.create			{font-style:italic}
a.skip				{position:absolute; top:0; left:-999em;}
a.skip:active,
a.skip:focus		{left:0em;}
a img				{border:0;}
.quicktag			{margin:1px;}
.selected			{font-weight:bolder}
.floaticon			{float:right;}
span.actionicon		{float:right;}
td.actionicon		{text-align:right;}
.actionicon a,
.floaticon a		{padding:0 3px;}
.navbar,
.comment,
.footer				{clear:both;}
.date,
.footer,
.pagination,
small				{color:#999;}
.panelsubmitrow		{text-align:center;}
.pagination			{text-align:center;}
.storage			{float:right; clear:both; text-align:center;}
.clear				{clear:both;}

/*** forms ***/
html>body textarea	{width:100%;}
form			{margin:0; padding:0;}
.row			{clear:both;}
.formlabel		{float:left; width:14em; text-align:right;}
.forminput		{margin-left:14.5em;}
.formhelp		{cursor:help;}
.closebutton	{position:absolute; top:1px; right:1px;}
.submit			{text-align:center; padding-bottom:10px;}
.minifind		{width:400px;}
.error,
.errorpage .boxtitle	{color:#f00; font-weight:bold;}
.warning		{color:#f80;}
.success		{color:#090;}
.display.confirm .body {width:450px; margin:0 auto;}

/* priorities */
.prio1	{background:#dfc !important;}
.prio2	{background:#efc !important;}
.prio3	{background:#ffc !important;}
.prio4	{background:#fec !important;}
.prio5	{background:#fdc !important;}

/* annoyances and grievances */
.module textarea	{width:auto;}
.comment .content	{overflow:auto;}

/* lists */
ul,ol,dl		{margin-top:0; margin-bottom:0;}
.module ol,
.module ul,
.menu ul		{margin:0; padding:0}
.module ol li	{margin:0 0 0 3em; padding:0;}
.module ul li,
.menu li,
ul.toc li		{list-style:none;}
ul.toc ul		{margin-left:1.5em; padding:0;}
.navbar			{height:2em;}
.navbar ul		{padding:0; margin:0; list-style:none;}
.navbar ul li	{float:left;}

ul.data					{margin:0; padding:0;}
ul.data li.item			{list-style:none; margin:0; padding:0;}
ul.data li.item .thumb	{float:right;}
li.error,li.success,
li.note,li.warning		{list-style:none;}
ul.toc li				{list-style:none;}
li.treenode				{list-style:none; clear:both; border-top:1px solid #999;}
ul.tree					{margin:0;padding-left:20px;}

/* structures */
.structurebar			{clear:both;}
.structurebar .path		{display:block;}
.gallerybar .path		{display:block;}
.navigation span		{display:block; width:50%; float:left;}
.navigation .right		{text-align:right;}

/* multi file upload */
#fileslist div span	{display:block; width:75%; float:left;}

/* css driven dropdown menus - horizontal */
.hor			{line-height:18px;}
#nav,#nav a,#nav li ul {z-index:10000;}
.hor,.hor a,.hor li ul {z-index:1000;}
.ver,.ver a,.ver li ul {z-index:1000;}
.hor,.hor ul	{padding:0; margin:0; list-style:none;}
.hor a			{white-space:nowrap; display:block;}
.hor li			{width:auto;}
.hor li li,
.hor li ul		{width:13em; display:block; text-align:left;}
.hor .head		{width:auto; padding:0 0.5em;}
.hor li			{float:left; position:relative;}
.hor li ul		{position:absolute; left:-999em; background:#fff; border:1px solid #999;}
.hor li ul ul	{margin:-20px 0 0 13em;}
.hor .icon		{position:absolute; left:28px; top:2px; vertical-align:middle; margin-left:-26px;}
.hor li li a	{margin:0 0 0 2em;}

/* css driven dropdown menus - vertical */
.ver, .ver ul	{padding:0; margin:0; list-style:none; float:left; width:13em;}
.ver li			{position:relative;}
.ver li li		{position:relative; float:left; width:13em;}
.ver li ul		{position:absolute; left:-999em; margin-left:11.05em; margin-top:-1.35em; background:#fff;}
.ver li ul ul	{left:-999em;}
.ver li a		{width:13em; w\idth:12em; display:block;}

/* ieHover used as suckerfish class for MSIE hover support */
.hor li:hover ul ul, .hor li:hover ul ul ul, .hor li.ieHover ul ul, .hor li.ieHover ul ul ul,
.ver li:hover ul ul, .ver li:hover ul ul ul, .ver li.ieHover ul ul, .ver li.ieHover ul ul ul			{left:-999em;}
.hor li:hover ul, .hor li li:hover ul, .hor li li li:hover ul, .hor li.ieHover ul, .hor li li.ieHover ul, .hor li li li.ieHover ul,
.ver li:hover ul, .ver li li:hover ul, .ver li li li:hover ul, .ver li.ieHover ul, .ver li li.ieHover ul, .ver li li li.ieHover ul			{left:auto;}

/* Support for MSIE select box hiding part of suckerfish */
.hor iframe,.ver iframe			{position:absolute; left:0; top:0; z-index:-1; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);}

/* tabs */
.tabsystem .tabcontainer	{margin:0; padding:0; border:0; clear:both;}
.tabsystem .tabcontainer ul,
.tabsystem .tabcontainer li	{margin:0; padding:0; border:0; list-style-type:none; display:inline;}
.tabsystem .tabcontainer .tab,
.tabsystem .tabcontainer .tab-active	{position:relative; display:inline; float:left; z-index:1; white-space:nowrap;}
.tabsystem .tabpage	{clear:both;}
h4	{margin:0; padding:0; font-size:1em;}

a.external		{background:transparent url("icons/external_link.png") no-repeat left;  padding-left:12px;}

/* should we move these settings to individual packages? */
.stickies textarea,
.stickies input[type='text']	{background:#ffc;}
.stickynote .boxtitle			{border-bottom: 1px solid #dda;}
.stickynote						{background-color:#ffc; width:300px; padding:3px; float:left; margin: 5px;}

.phpbb a:hover img	{border:none}
.phpbb img			{border:none}

.articles .content div.image	{float:left; padding:0 1em 0 0;}

.fisheyeimage .boxcontent,
.fisheyegallery .boxcontent,
.image .boxcontent	{text-align:center;}

.attbrowser table	{text-align:center;}



/* $Header: /cvsroot/bitweaver/_bit_styles/blue_n_gray/blue_n_gray.css,v 1.1.1.1.2.7 2005/12/02 11:31:22 squareing Exp $ */
/*
 * if you require information on how this css is set up and how to create a theme, please visit
 * - http://www.bitweaver.org/wiki/index.php?page_id=94
 * - view the files included in the theme blank.
 */
body {
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	color: #333;
	background-color:#e1e1e1;
	margin:0px;
}
a 
{
	font-family:Sans-Serif;
	font-size:20;
	color: #0168b3;
	text-decoration: none;
	}

a img {border:none 0;}

a:hover {
	color: #639840;
}
h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1.0em;
}

table {border-spacing:0;}

tbody {width:100%;}

td {padding:0;}

				/* common layout */
/*  Needs more work
#bitbody {max-width:1280px; margin:0 auto;}

#bittop
{
	background-image: url(Images/top-bg.png);
	background-attachment: scroll;
	background-repeat: repeat-x;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 60px;
	background-color: #e1e1e1;
}*/
/* the SGS logo is hardcoded into kernel | templates | top.tpl */
#bittop a {
	color: #005491;
}
#bittop div {
	text-align: right;
	font-size:10;
	color:#777;
	position:relative;
}
#bittop h1, #bittop h3
{
	padding-left: 200px;
	padding-top:60px;
	margin:0;
}
#bittop h3
{
	text-decoration:italic;
	padding-top:0;
}
#bitleft {
	padding:5px;
	font-size:10;
	color:#777;
	border-right:solid 1px #2f4f8b;
	width:170px;
	background-image:url(/storage/gallery/bitleft.png);
	background-repeat:repeat-y;
	background-position:right;
}
#bitright {
	padding:5px;
	font-size:10;
	color:#777;
	border-left:solid 1px #2f4f8b;
	width:170px;
	background-image:url(/storage/gallery/bitright.png);
	background-repeat:repeat-y;
	background-position:left;
}
#bitleft,#bitright {
	background-color: #e1e1e1;
	height: 644px;
	vertical-align:top;
}
#bitmain 
{
	padding:2px;
	background-color:#a1b1d1;
}
#bitmainfx
{
	border:solid 1px #91a1c1; background-color:White;
}
#bitmainfx .display, #bitmainfx .admin, #bitmainfx .edit
{
	border-left:solid 1px #b1c1e1;
	border-top:solid 1px #c1d1f1;
	border-right:solid 1px #7181a1;
	border-bottom:solid 1px #617191;
	padding:5px;
	background-color:White;
	min-height:650px;
}
#bittopbar
{
	padding: 0px;
	font-size: 10px;
	color: white;
	background-color: #2f4f8b;
	background-image: url(Images/bittopbar.png);
	background-repeat: repeat-x;
	height:46px;
	border-bottom:solid 1px #346;
	border-top:none 0px;
	padding-left:180px;
}
#bittopbar ul
{
	font-size: 12px;
	color: white;
	padding-top: 11px;
	list-style-type:none;
}
#bittopbar li {
	padding: 3px;
	list-style-type:none;
}
.header {
	padding: 2px;
}
.date {
	font-size: 10px;
}
.content {}
.footer {
	color: #999;
}
.storage {
	border: 1px solid #dedede;
	background: #2f4f8b;
}
.storage .item {
	padding: 3px;
}
.storage a {
	border: 0;
}
.comment {
	border-top: 3px solid #ccc;
}
				/* menus */
.menu .head {
	display: block;
}
#bitleft .menu .item,#bitright .menu .item {
	font-weight: normal;
}
#bittopbar a {
	color: #ccc;
}
#bittopbar a:hover {
	color: #eee;
}
#bittopbar .menu li ul
{
	background: url(Images/menu.png);
	padding: 5px;
	border: solid 1px #555;
}
#bittopbar .menu li ul ul {
	margin-top: -22px;
}
				/* parsed classes */
.bitbox {
	background-color: white;
	border: 2px outset #dedede;
	padding: 5px;
}
.bitbar {
	letter-spacing: 4px;
	font-weight: bold;
	background-color: #e1e1e1;
	border: 1px solid #dedede;
	padding: 2px;
}
.bittable td {
	border: 1px solid #dedede;
}
				/* data tables */
/* submission panels */
/* any table displaying data */
.data {
	border: 2px solid #dedede;
}
/* alternating odd and even rows in tables */
.odd {
	background: #e1e1e1;
}
.even {}
				/* forms */
fieldset {
	border:0;
	border-top:1px solid #2f4f8b;
	border-bottom:1px solid #aaa;
	padding:1em;
	margin-bottom:1em;
}

legend {
	font-size:1.1em;
	padding:1em;
}

input,textarea,select {
	font-size: 1em;
}
.formlabel {
	font-weight: bold;
	color: #666;
	text-align: left;
	margin-left:0;
	display:block;
}
.forminput {
	margin-bottom: 1em;
	margin-left:0em;
}
.formhelp {
	font-size: 8pt;
	color:#888;
	font-style:italic;
}
/* find bar */
.minifind {
	background: #e1e1e1;
	border: 1px solid #dedede;
	margin: 2px 0;
}
				/* tabstyle */
.tabsystem .tabcontainer .tab,.tabsystem .tabcontainer .tab-hover,.tabsystem .tabcontainer .tab-active {
	top:3px;
	font:10px normal verdana,arial,sans-serif;
	margin:0 3px;
	padding:3px 5px 1px 5px;
	border:1px solid #ccc;
	border-bottom:0;
}
.tabsystem .tabcontainer .tab,.tabsystem .tabcontainer .tab-hover,.tabsystem .tabcontainer .tab-active {
	background: #ddd;
}
.tabsystem .tabcontainer .tab-hover {
	padding-top:2px;
	border-top:2px solid #2f4f8b;
	background: #eee;
}
.tabsystem .tabcontainer .tab-active {
	top:1px;
	padding:2px 8px 4px 8px;
	margin:0 0px;
	border-top:2px solid #2f4f8b;
	background:#fff;
	color:#000;
}
.tabsystem .tabpage {
	border:1px solid #ccc;
	padding:1.5em;
}
				/* navigation bars and tabs */
.navbar {
	padding: 5px 0 0 5px;
}
.navbar a {
	padding: 0 5px;
}
.navbar ul 
{
	list-style-type:none;
	list-style-image:none !important;
}

/* pagination at the bottom of pages with listings */
.pagination {
	margin: 10px 0;
}
				/* boxes */
.box {
	margin: 10px 0;
}
.boxtitle {
	text-align: left;
	padding: 2px;
	font-weight: bold;
	color: #555;
	font-size: 1.2em;
}
.boxtitle a, .boxtitle a:hover {color:#555}

.boxcontent {
	padding: 1px;
}

/* parsed elements */
.bittable td	{padding:0.5em; border:1px solid #ccc;}
.bitbox			{background:#efefef; border:2px ridge #005491; padding:0.5em; margin:0 1em; color:#000;}
.bitbox a		{}
.bitbar			{border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.bittoc			{float:right; border:1px solid #ddd; font-size:0.8em; background:#eee; margin:0 0 1em 1em; padding:0 1em; width:35%;}
.bittoc ul		{margin:0.5em 0 0.5em 1.5em; padding:0;}
.bittoc ul ul	{margin:0 0 0 1em;}
.bittoc ul li	{}

/* structure navigation */
.structurebar			{background:#fff; padding: 0px;}
.path					{display:block;}
.navigation .left		{text-align:left; float:left;}
.navigation .right		{text-align:left; float:right;}

/* tocs */
.maketoc		{font-size:0.9em; width:15%; line-height:normal; float:right; border:1px solid #999; background:#eee; margin:0 0 10px 10px; padding:12px; clear:right;}
.maketoc h3		{padding:0; border-bottom:1px solid #999; margin-top:-7px;}
.maketoc a		{color:#005491;}
.maketoc a:hover {color:#639840}
.maketoc ul		{margin:0 0 0 1px; padding:0;}
.maketoc ul li	{list-style:square outside;}
.maketoc ul ul	{margin:0 0 0 1px; padding:0;}
.maketoc li		{color:#eee; margin-bottom:2px;}

#bittopbar a {
color: white;
}

#bitbottom
{
	background-color: #2f4f8b;
	background-image: url(Images/bitbottom.png);
	background-repeat: repeat-x;
	padding-right:100px;
	border-top:solid 1px #2f4f8b;
}
#bitbottom a
{
	color:#aaa;
}
div.notesbox {background-color:#fffaf5; width:200px; border-top:solid 1px #e1e1e1; border-left:solid 1px #e1e1e1;
	border-right:solid 1px #c1c1c1; border-bottom:solid 1px #c1c1c1;  padding:5px; margin:5px; float:right;}
	
div.codebox { background-color:#f6f2e5; width:300px; border:solid 1px black; padding:5px; margin:5px;
	}
	
div.box1 { background-image:url(/themes/styles/SGS/Images/box.png); width:300px; height:150px; overflow:hidden;
	padding:10px; margin:5px; background-repeat:no-repeat;}
	
div.title	{ font-family:Arial Rounded MT Bold; font-size:12pt;}

a.button	{ display:block; height:21px; width:121px; background-image:url("/storage/monitoring/button.png"); background-repeat:no-repeat;
				padding:3px; padding-left:10px;}
				
a.button:hover	{background-image:url(/themes/styles/SGS/Images/buttonhover.png);}

a.button:active	{background-image:url(/themes/styles/SGS/Images/buttonactive.png);}
				
div.bullet1 { background-image:url(/themes/styles/SGS/Images/bullet1.png); background-repeat:no-repeat; padding-left:15px; margin-left:10px;}

div.bullet1 img {padding-top:4px;}

div.bullet2	{ background-image:url(/themes/styles/SGS/Images/bullet2.png); background-repeat:no-repeat; padding-left:15px; margin-left:10px;}

#bitleft .boxtitle, #bitright .boxtitle	{font-size:9pt; background-color:#c3cad5; border-bottom:none 0px;  border:solid 1px #c3c4c5; background-image:url(/storage/gallery/boxtitle.png);
				background-repeat:repeat-x; overflow:hidden; white-space:nowrap;}

#bitleft .boxcontent, #bitright .boxcontent {font-size:8pt; border:solid 1px #c3c4c5; background-color:#cbcac8; }

div.news	{ border:solid 1px #c3c4c5; padding:10px; background-color:White;}

.menulocations {color:#777; font-size:8pt;}

.menulocations a {color:#2178b3;} .menulocations a:hover {color:#83a860}

.post .footer, .blogs .footer	{ margin-bottom:20px; padding:15px; border-bottom:solid 2px gray;}

.contactus {font-size:9pt; float:right; margin-top:-15px; color:#777;}

#bittopbar .contactus a {color:#0168b3;}

#bittopbar .contactus a:hover {color: #639840;}

.spacing {background-image:url(/storage/spacing/spacing.png); background-repeat:repeat;}

h5 {font-family:Arial Rounded MT Bold; font-size:11pt; margin:0px; font-weight:normal;}

.clear {clear:both;}

/*
Style Change 9/30/08

#bitleft, #bitright {background-color:#2f4f8b;} 
#bitleft .boxcontent, #bitright .boxcontent {background-color:#a6aab6; border-color:#333; color:#555;} 
#bitleft .boxtitle, #bitright .boxtitle {background-image:url(/storage/gallery/boxtitle2.png); 
										background-color:#616a88; border-color:#333; color:#bbb; border-bottom:none 0px;} 
#bitleft {background-image:url(/storage/gallery/bitleft2.png);} 
#bitright {background-image:url(/storage/gallery/bitright2.png);} 
#bittop {background-color:#ccc;}

#bitleft, #bitright {background-color:#2f4880;} #bitleft .boxcontent, #bitright .boxcontent {background-color:#5a6a87; border-color:#333; color:#444;} #bitleft .boxtitle, #bitright .boxtitle {background-image:url(/storage/gallery/boxtitle2.png); background-color:#585f72; border-color:#333; color:#aaa; border-bottom:none 0px;} #bitleft {background-image:url(/storage/gallery/bitleft2.png);} #bitright {background-image:url(/storage/gallery/bitright2.png);} #bittop {background-color:#ccc;} .boxcontent a {color:#0f2f6b} .boxcontent a:hover {color:#7fa850} .boxcontent input, .boxcontent select, .boxcontent textarea {border-width:1px; border-color:gray; background-color:#a1a5af; margin:1px;}
*/
#bitleft, #bitright {background-color:#c6c6c6;} 
#bitleft .boxcontent, #bitright .boxcontent {background-color:#c8cacd; border-color:#777; color:#444;} 
#bitleft .boxtitle, #bitright .boxtitle {background-image:url(/storage/gallery/boxtitle2.png); background-color:#585f72; border-color:#777; 
										color:#5f5f5f; border-bottom:none 0px;} 
#bitleft {background-image:url(/storage/gallery/bitleft2.png);} 
#bitright {background-image:url(/storage/gallery/bitright2.png);} 
#bittop {background-color:#cfcfcf;} 
.boxcontent input, .boxcontent select, .boxcontent textarea {border:inset 1px #999; background-color:#c1c5cf; margin:1px;}
#bitmain {padding:1px; background-color:#c6c6c6;}  
#bitmainfx {border:solid 1px #fff5e5;} 
#bitmain .display, #bitmain .admin, #bitmain .edit {border:solid 1px #fff;} 

#bitttoplogo {background-image:url(Images/top-logo.png);}

.archive	{padding:5px;}
.archive h2	{border-top:solid 3px #aaa; padding-top:10px;}
.archdate	{font-size:8pt; color:#777;}