﻿/*
Styles used by multiple McGirr IT ASP.NET applications

(for 3DSS-specific styles, see 3dss.css)
*/



/*
Standard Hijacks
*/

body
{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 1.05;
}







/*
Layout
*/

.right
{
	float: right; 
	clear:none;
	text-align: right; 
}

.column
{
	float:left; 
	clear:none; 
}

.nextcolumn
{
	padding-left:4em;
}



/*
Used to fix the width of wide-ish columns when they're actually spans and not part of the same table
*/
span.wide
{
	display:inline-block;
	width:160px;	
}


/*
Pretty error/info messages for user
*/

.message
{
	display:inline-block;
	margin:2em 0em 2em 0em;
	padding:1.2em 1.2em 1.3em 3.6em;
	background-color:#eee;
	background-repeat:no-repeat;
	background-position:0.66em 0.66em;
	border: solid 1px Gray;	
	z-index:1009;
}

.error
{
	color:#f00;
	background-color:#fee;
	background-image:url(../images/Icons/error_32.png);
	border-color:#f00;
}

.warning
{
	color:#c80;
	background-color:#ffe; 
	background-image:url(../images/Icons/warning_32.png);
	border-color:#c80;
}

.info
{
	color:#00f;
	background-color:#eef; 
	background-image:url(../images/Icons/information_32.png);
	border-color:#00f;
}

.success
{
	color:#0f0;
	background-color:#efe; 
	background-image:url(../images/Icons/checkmark_32.png);
	border-color:#0f0;
}






/*
For Grids
*/

table.grid
{
	border:solid 2px #ddd;
	border-collapse:collapse;
}


table.grid tr th, 
table.grid tr td
{
	border:solid 2px #ddd;
	background-color:#eee;	
	background-repeat:repeat-x;
	font-family: Helvetica, Arial, Sans-Serif;
	padding:3px 9px;
}


table.grid tr td
{
	background-color:White;
}
	
table.grid tr th
{
	background-image:url(../images/cell-bg-light-1x60.gif);
}


table.grid tr.even td
{
	background-color:Transparent;
	background-image:url(../images/cell-bg-white-1x60.gif);

}

.even
{
	background-color:#F5F5F5;
}


/*
For Inputs
*/

input[type="button"], input[type="submit"], button
{
	margin: 1em 0em;	
}

/* Make it shine (just get lighter) when hovering/clicking */
input.button:hover, button.button:hover
{
	cursor:pointer;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}

input.button:active
{
	cursor:pointer;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

/* Make it faded (lighter) if disabled */
[disabled], input.button:hover[disabled] 
{ 
	cursor:default;	
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}

.CheckBoxItem label
{
	position:relative;
	top: -0.09em;
	*top:0px; /* ie only */
	left: 0.6em;
}


/* used to hide or disable buttons */
.unpressable
{
	visibility:hidden;
}






/* for small text */
.tiny
{
	font-size:xx-small;
}

.urgent
{
	color:Red;	
}





/* for spans and things that aren't buttons or links but have an onclick */
span.pressable
{
	text-decoration:underline;
}

.pressable
{
	cursor:pointer;
}



/* 
For trees (JsTree) 
*/

div.jstree-default.jstree-focused
{
	background:none;	
}

div.jstree ul li a
{
	font-weight:normal;
	color: Black;
	text-decoration:none;
}




/*
Misc
*/

.hidden
{
	display: none;	
}

.invalid
{
	color:Red;
	font-weight:bold;
}

.datechooser
{
	background: url(../images/rr/ico/16/calendar16.gif) no-repeat right;
}


.raised
{
	bottom:0.25em;	
}
