/**
/////////////////////////////////////////////////////////////////////////
//
// Template:	ayos.css
// Developer:	
// E-mail:		
// Date:		March 11, 2004
// Owner:		Sphorium Technologies
//
/////////////////////////////////////////////////////////////////////////
**/


.sidemenu	{background-color: #6699CC;}
.top		{background-color: #006699;}
.authenUser	{font-weight:bold; font-size:12px; color:#ffffcc; font-family:Verdana, Arial,sans-serif;}
.copywrite	{text-decoration:none; color:#ffffff; font-family:Verdana, Arial,sans-serif; font-size:10px; font-weight:bold;}
.white10	{font:10px Arial,Helvetica; color:white;}
.white12 	{font:12px Arial,Helvetica; color:white;}

.warning	{font:13px Arial,Helvetica; color:red; font-weight:bold;}

.fontEnabled {font: 11px Arial;}
.fontDisabled {font: 11px Arial; cursor: default; color: silver;}

img.divider {
	width: 1px;
	height: 20px;
	background-color: silver;
}

.calendarHeader {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	WIDTH: 15%;
	COLOR: #333333;
}

.calendarTable {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12pt; 
	WIDTH: 100%; 
	COLOR: #333399; 
	FONT-FAMILY: Verdana; 
	BORDER-COLLAPSE: collapse;
}

.calendarTable .calendarHeader td
{
	text-align: center;
}

.highLight {
	border-right: gainsboro 2px outset;
	border-top: white 2px outset;
	border-left: white 2px outset;
	cursor: hand;
	cursor:pointer;
	border-bottom: gainsboro 2px outset;
	background-color: #cce5ff;
}

.rightAlign 
{
	text-align: right;
}

.clickButton {
	cursor:hand;
	border-right: 1px inset;
	border-top: 1px inset;
	margin: 1px;
	border-left: 1px inset;
	border-bottom: 1px inset;
	background-color: #cce5ff;
}


.smallWarning {
	font: 12px Arial,Helvetica; 
	color: red; 
	font-weight: bold;
	text-align: center;
}

.calStyle {
	cursor: hand;
	cursor: pointer;
}

.maroon12	{font-size: 12px; font-weight : bold; VERTICAL-ALIGN:top; font-family:Arial, Helvetica, sans-serif; color:maroon;}
.black14	{font:14px Arial,Helvetica; font-weight : bold; color:black;}
.black12	{font:12px Arial,Helvetica; font-weight : bold; color:black;}
.text12		{font:12px Arial,Helvetica; color:black;}

.header14 {
	font: 14px Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #006699;
}

.imgStyle {
	cursor: hand;
	cursor: pointer;
}

.rowHeader	{background-color: #CCE5FF;}
tr.row td
{
	background-color: White; 
	font:12px Arial, Helvetica, sans-serif;
	border: solid 2px white;
}

tr.altRow td
{
	font:12px Arial, Helvetica, sans-serif;
	border: solid 2px white;
}

.altRow 
{
	background-color: #DCDCDC; 
	font:12px Arial, Helvetica, sans-serif;
}

.footer		{font:12px Arial,Helvetica; color:black; background-color: #CCE5FF;}
.border		{border : 1px solid #006699;}
.header		{font:18px Arial,Helvetica,sans-serif;	color:#006699;	font-weight: bold;	border-bottom : 1px solid #006699;}
.headerText	{
	font:18px Arial,Helvetica,sans-serif;	
	color:#006699;	
	font-weight: bold;	
}

.moveTable {
	background-color:#E5F2FF;
	border-right: #00639c 1px solid;
	border-top: #00639c 1px solid;
	border-left: #00639c 1px solid;
	border-bottom: #00639c 1px solid;
	border-collapse: collapse;
}

.smallHeader {
	font:12px Arial,Helvetica,sans-serif;	
	color:#006699;	
	font-weight: bold;	
	border-bottom : 1px solid #006699;
}

.smallQuota	{font:12px Arial,Helvetica,sans-serif;	color:#006699;	font-weight: bold;}

.sub 
{
	font-weight: bold;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#000000;
	white-space: nowrap;
}

.adminMaroon {
	font-size: 12px;
	font-weight: bold;
	VERTICAL-ALIGN: top;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	background-color: #006699;
}

.headfont {
	font: 18px Arial,Helvetica,sans-serif;	
	color: #006699;	
	font-weight: bold;
}


tr.loginHeader td {
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #006699;
	text-decoration: none;
}

tr.loginHeader a:active, tr.loginHeader a:link, tr.loginHeader a:visited, tr.loginHeader a:hover {
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;

	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: white;
	background-color: #006699;
}


tr.tableHeader td 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
	color: white;
	background-color: #006699;
	border: solid 2px white;
	padding: 2px 0px 2px 0px;
	text-align: center;
}


tr.tableHeader a:active,
tr.tableHeader a:link,
tr.tableHeader a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
	color: white;
	background-color: #006699;
}


tr.tableHeader a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	text-decoration: underline;
	color: white;
	background-color: #006699;
}

.hr {
	background-color : #006699;
	height : 2px;
}

A.sortHeader:link 	{text-decoration:none; color:#ffffff;}
A.sortHeader:visited	{text-decoration:none; color:#ffffff;}
A.sortHeader:hover	{text-decoration:underline; color:#ffffff;}

A.moveRS:link 		{
	text-decoration:none;
	color:#000000;
	font-weight : bold;
	font : bold 12px Arial, Helvetica;
}
A.moveRS:visited	{
	text-decoration:none;
	color:#000000;
	font-weight : bold;
	font : bold 12px Arial, Helvetica;
}
A.moveRS:hover		{
	text-decoration:underline;
	color:#000000;
	font-weight : bold;
	font : bold 12px Arial, Helvetica;
}

.moveSub	{font-weight : bold; font: bold 12px Arial, Helvetica, sans-serif;color:#000000}

.gridFooter	{font: 13px;}
.small		{font-size: 10px;}
.headfont	{font:18px Arial,Helvetica,sans-serif;	color:#006699;	font-weight: bold;}

.smallInput	{font-size: 10px;}


/***** ContextMenu Section *****/
.Ayos-ContextMenu {
	border: 0;/*2px outset;*/
	/*
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=135, Strength=2);
	*/
}

.Ayos-ContextMenu-Body {
	position: absolute;
	visibility: visible;
	background-color: Menu;
	margin:	0px;
	padding: 1px;
	border: 2px outset;
}

.Ayos-ContextSubMenu-Body {
	position: relative;
	visibility: visible;
	background-color: Menu;
	margin:	0px;
	padding: 1px;
	border: 2px outset;
}

						
.Ayos-ContextMenu-Item {
	cursor: default;
	font: menu;
	color: MenuText;
	padding: 2px 16px 2px 16px;
}

.Ayos-ContextMenu-Image {
	cursor: default;
	font: menu;
	color: MenuText;
	padding: 2px 5px 2px 2px;
}

.Ayos-ContextMenu-NoImage {
	cursor: default;
	font: menu;
	color: MenuText;
	padding: 0px 0px 0px 0px;
}

.Ayos-ContextMenu-Over {
	cursor: default;
	background-color: highlight;
	font: menu;
	padding: 2px 16px 2px 16px;
	color:highlighttext;
}

.Ayos-ContextMenu-Disabled {
	cursor:	default;
	font: menu;
	padding: 2px 16px 2px 16px;
	color: graytext;
}

.Ayos-ContextMenu-Disabled-Over {
	cursor:	default;
	background-color: highlight;
	font: menu;
	padding: 2px 16px 2px 16px;
	color: graytext;
}
	
.Ayos-ContextMenu-Separator {
	border-top:		1px inset;
	border-bottom:	0px inset;
	border-left:	0px inset;
	border-right:	0px inset;
	font-size:		0px;
}


.Ayos-ContextMenu-Disabled-Over .Ayos-ContextMenu-DisabledContainer {
	display: block;
	vertical-align:	center;
}


.Ayos-ContextMenu-Disabled .Ayos-ContextMenu-DisabledContainer {
	display:			block;
	font:				GrayText;
/*	filter:				chroma(color=#010101) dropshadow(color=ButtonHighlight, offx=1, offy=1);*/

	vertical-align:		center;
}

.Ayos-ContextMenu-Disabled .Ayos-ContextMenu-DisabledContainer .Ayos-ContextMenu-DisabledContainer {
	background:			Transparent;
	/*filter:			gray()
	/* Remove all bright shades of gray * /
	chroma(color=#ffffff) chroma(color=#fefefe) chroma(color=#fdfdfd)
	chroma(color=#fcfcfc) chroma(color=#fbfbfb) chroma(color=#fafafa)
	chroma(color=#f9f9f9) chroma(color=#f8f8f8) chroma(color=#f7f7f7)
	chroma(color=#f6f6f6) chroma(color=#f5f5f5) chroma(color=#f4f4f4)
	chroma(color=#f3f3f3) 
	mask(color=#010101);*/
}

.Ayos-ContextMenu-Disabled-Over .Ayos-ContextMenu-DisabledContainer .Ayos-ContextMenu-DisabledContainer {

}

/***** Quota Section *****/
#quotaTable td
{
	text-align: right;
}

.quotaBar
{
	border-right: 1px inset;
	border-top: 1px inset;
	font-size: 9px;
	border-left: 1px inset;
	border-bottom: 1px inset;
	font-family: Arial;
	background-color: #c0c0c0;
	text-align: left !important;
}

.usageBar {
	background-color: #006699;
	font-size: 9px;
}



/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(../images/shadows/v2/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(../images/shadows/v2/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(../images/shadows/v2/corner_tr.gif) right top no-repeat;}
	
#v1 .wrap1 {background:url(../images/shadows/v1/shadow.gif) right bottom no-repeat;}
#v1 .wrap2 {background:url(../images/shadows/v1/corner_bl.gif) -4px 100% no-repeat;}
#v1 .wrap3 {
	padding:0 5px 5px 0;
	background:url(../images/shadows/v1/corner_tr.gif) 100% -3px no-repeat;}


#v2 .wrap1 {background:url(../images/shadows/v2/shadow.gif) right bottom no-repeat;}
#v2 .wrap2 {background:url(../images/shadows/v2/corner_bl.gif) -1px 100% no-repeat;}
#v2 .wrap3 {
	padding:0 6px 6px 0;
	background:url(../images/shadows/v2/corner_tr.gif) 100% -1px no-repeat;}
#v3 .wrap1 {background:url(../images/shadows/v3/shadow.gif) right bottom no-repeat;}
#v3 .wrap2 {background:url(../images/shadows/v3/corner_bl.gif) -12px 100% no-repeat;}
#v3 .wrap3 {
	padding:0 9px 9px 0;
	background:url(../images/shadows/v3/corner_tr.gif) 100% -12px no-repeat;}
#v4 .wrap1 {background:url(../images/shadows/v4/shadow.gif) right bottom no-repeat;}
#v4 .wrap2 {background:url(../images/shadows/v4/corner_bl.gif) -12px 100% no-repeat;}
#v4 .wrap3 {
	padding:0 16px 16px 0;
	background:url(../images/shadows/v4/corner_tr.gif) 100% -12px no-repeat;}
#v5 .wrap1 {background:url(../images/shadows/v5/shadow.gif) right bottom no-repeat;}
#v5 .wrap2 {background:url(../images/shadows/v5/corner_bl.gif) -12px 100% no-repeat;}
#v5 .wrap3 {
	padding:0 9px 9px 0;
	background:url(../images/shadows/v5/corner_tr.gif) 100% -12px no-repeat;}
#v6 .wrap1 {background:url(../images/shadows/v6/shadow.gif) right bottom no-repeat;}
#v6 .wrap2 {background:url(../images/shadows/v6/corner_bl.gif) -4px 100% no-repeat;}
#v6 .wrap3 {
	padding:0 16px 16px 0;
	background:url(../images/shadows/v6/corner_tr.gif) 100% -4px no-repeat;}

.shadowHolder {clear:both; margin:20px 0;}
.shadowHolder p{position:relative; left:30px;}
.shadowHolder a {font-weight: normal !important;}

.centerText 
{
	text-align: center;
}