/*
================================
Skin styles for IntegraLogics
================================
*/
.body{
font-family: Century Gothic, Tahoma, sans-serif;
    font-size: 8pt;
    font-style: normal;
	font-weight: normal;
	color:#000099;
	line-height: 1.166;
	}

a:link, a:visited{
font-family: Century Gothic, Tahoma, sans-serif;
    font-size: 8pt;
    font-style: normal;
	font-weight: normal;
	color: #000099;
	line-height: 1.166;
	text-decoration: none;
}

a:hover{
font-family: Century Gothic, Tahoma, sans-serif;
    font-size: 8pt;
    font-style: normal;
	font-weight: normal;
    color: #3366cc;
	line-height: 1.166;
	text-decoration: underline;
}   

.pagemaster {
	width: 100%;
	height: 100%;
    background-color: #FFFFFF;


}
.skinmaster {
	height: 100%;
	background-color: #transparent ;
	BORDER-RIGHT: #004B8F 0px solid;
	BORDER-TOP: #004B8F 0px solid;
	BORDER-LEFT: #004B8F 0px solid;
	BORDER-BOTTOM: #004B8F 0px solid;
	moz-border-radius-bottomleft: 15px;
	moz-border-radius-bottomright: 15px;
	moz-border-radius-topleft: 3px;
	moz-border-radius-topright: 3px;
}
.skinheader {
    
}
.skingradient {
height:34px;

}
	 
.bar {
	font-family: Century Gothic, Tahoma, sans-serif;
	font-variant:small-caps;
    font-size: 8pt;
    font-style: normal;
	font-weight: bold;
    color: #009900;
	background-color: Transparent;
  text-decoration:none;
}  
A.bar:link {
	font-family: Century Gothic, Tahoma, sans-serif;
	font-variant:small-caps;
    font-size: 8pt;
    font-style: normal;
	font-weight: bold;
    color: #009900;
	background-color: Transparent;
  text-decoration:none;
  }
A.bar:active {
	font-family: Century Gothic, Tahoma, sans-serif;
	font-variant:small-caps;
    font-size: 8pt;
    font-style: normal;
	font-weight: bold;
    color: #009900;
	background-color: Transparent;
  text-decoration:none;
  }
A.bar:visited {
	font-family: Century Gothic, Tahoma, sans-serif;
	font-variant:small-caps;
    font-size: 8pt;
    font-style: normal;
	font-weight: bold;
    color: #009900;
	background-color: Transparent;
  text-decoration:none;
  }
A.bar:hover {
	font-family: Century Gothic, Tahoma, sans-serif;
	font-variant:small-caps;
    font-size: 8pt;
    font-style: normal;
	font-weight: bold;
    color: #3366cc;
	background-color: Transparent;
  text-decoration:none;
}
.othertabs {
	font-family: Century Gothic, Tahoma, sans-serif;
	font-variant:small-caps;
    font-size: 8pt;
    font-style: normal;
	font-weight: bold;
    color: #3366cc;
	background-color: Transparent;
  text-decoration:none;
}  
A.othertabs:link {
	font-family: Century Gothic, Tahoma, sans-serif;
	font-variant:small-caps;
    font-size: 8pt;
    font-style: normal;
	font-weight: bold;
    color: #3366cc;
	background-color: Transparent;
  text-decoration:none;
}  
A.othertabs:active {
	font-family: Century Gothic, Tahoma, sans-serif;
	font-variant:small-caps;
    font-size: 8pt;
    font-style: normal;
	font-weight: bold;
    color: #3366cc;
	background-color: Transparent;
  text-decoration:none;
}
A.othertabs:visited {
	font-family: Century Gothic, Tahoma, sans-serif;
	font-variant:small-caps;
    font-size: 8pt;
    font-style: normal;
	font-weight: bold;
    color: #3366cc;
	background-color: Transparent;
  text-decoration:none;
}
A.othertabs:hover {
	font-family: Century Gothic, Tahoma, sans-serif;
	font-variant:small-caps;
    font-size: 8pt;
    font-style: normal;
	font-weight: bold;
    color: #009900;
	background-color: Transparent;
  text-decoration:none;
}
.controlpanel {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 75%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:17;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	border-left: #2C844A 0px solid;
	border-bottom: #73B07A 0px solid;
	border-top: #73B07A 0px solid;
	border-right: #84CCF1 0px solid;
	cursor: pointer;
	cursor: hand;
	color: #3366cc;
	font-family: Century Gothic, Tahoma, sans-serif; 
	font-size: 8pt;
	font-weight: normal;
	font-style: normal; 
	background-color: Transparent;
}
.MainMenu_MenuIcon {
	background-color: #009900;
	border-left: #2C844A 0px solid;
	border-bottom: #2C844A 0px solid;
	border-top: #2C844A 0px solid;
	cursor: pointer;
	cursor: hand;
	text-align: center; 
	width: 6; 
	height: 21;
}
.MainMenu_SubMenu {
	background-color: #ffffff;
	z-index: 1000;
	cursor: pointer;
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
}
.MainMenu_MenuBreak {

border:none;
}
.MainMenu_MenuItemSel {
	background-color: #004A90;
	border-left: #004A90 0px solid;
	border-bottom: #004A90 0px solid;
	border-top: #004A90 0px solid;
	border-right: #004A90 0px solid;
	cursor: pointer;
	cursor: hand;
	color: #3366cc;
	font-family: Century Gothic, Tahoma, sans-serif; 
	font-size: 8pt; 
	font-weight: bold;
	font-style: normal;
}
.submenuitemselected{
    color:#009900;
	font-family: Century Gothic, Tahoma, sans-serif; 
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
    cursor: pointer;
	cursor: hand;
	
	}
.separator td{
background-image:url(tab.gif) top left no-repeat;
width:22px; height:34px;
}
.rootmenuitem{
background:url(nav.gif) top center repeat;
}
.leftseparator{
background:url(leftnav.gif) left top no-repeat;


}
.rightseparator{
background:url(rightnav.gif) right top no-repeat;
}
.rootmenuitem td{
    background:url(rightnav.gif) top right no-repeat; 
    font-family: Century Gothic, Tahoma, sans-serif;
    font-size: 8pt;
    font-style: normal;
	font-weight: normal;
	color:#000099;
	height:34px;cursor:pointer;cursor:hand;}
.rootmenuitemselected{
font-family: Century Gothic, Tahoma, sans-serif;
    color:#3366cc;
    font-size: 8pt;
    font-style: normal;
	font-weight: normal;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#20FFFFFF', EndColorStr='#0099FF33')
	}
.rootmenuitemactive td{
font-family: Century Gothic, Tahoma, sans-serif;
    font-size: 8pt;
	color:#3366cc;
    font-style: normal;
	font-weight: normal;
	padding-left:5px; padding-right:5px;height:35px;cursor:pointer;cursor:hand;border-right:1px #3366cc solid;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#20FFFFFF', EndColorStr='#0099FF33')
}
.rootmenuitemselected td{
font-family: Century Gothic, Tahoma, sans-serif;
    font-size: 8pt;
	color:#3366cc;
    font-style: normal;
	font-weight: normal;
	padding-left:5px; padding-right:5px;height:35px;cursor:pointer;cursor:hand;border-right:1px #3366cc solid;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#20FFFFFF', EndColorStr='#0099FF33')
}
.MainMenu_MenuArrow {
display:none;
	border-right: #F59178 0px solid;
	border-bottom: #F59178 0px solid;
	border-top: #F59178 0px solid;
	font-family: webdings; 
	font-size: 10pt;
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_RootMenuArrow {
	font-family: webdings;
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton     {
    background: #ffffff none;
    color: #004A90;
    font-family:Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #ffffff;
	BORDER-RIGHT: #2C844A 1px solid;
	BORDER-TOP: #2C844A 1px solid;
	BORDER-LEFT: #2C844A 1px solid;
	BORDER-BOTTOM: #2C844A 1px solid;
	moz-border-radius-bottomleft: 15px;
	moz-border-radius-bottomright: 15px;
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px
}
.TreeViewMenu_Header {
}
.Head   {
    font-family: Century Gothic, Tahoma, sans-serif;
    font-size:  18px;
    font-weight:    normal;
    color: #004A90;
}

/* Snapsis */
#SignInContainer
{
	position:absolute;
	right:35px;
	top:3px;
	border-top: white 1px solid; 
	border-left: white 1px solid; 
	border-right: black 1px solid; 
	border-bottom: black 1px solid; 
	width: 350px;
	height: 20px;
	background-color:#ffffff;
	padding:2px;
}
.SignInBackTop
{
	width: 300px;
	height: 116px;
	vertical-align:top;
}
.SignInBackTile
{
height:1;
width:300px;
}
.SignInBackBottom
{
	width:300px;
	height: 12;
}
.SignInbtnLogin
{
	background:url(btnLogin.gif) no-repeat;
	background-position: center center;
	width: 65px;
	height: 17px;
}
.SignInbtnRegister
{
background:url(btnRegister.gif) no-repeat;
background-position: center center;
width: 65px;
height: 17px;
}
.SignInbtnEmailPassword
{
background:url(btnEmailPassword.gif) no-repeat;
background-position: center center;
width: 115px;
height: 17px;
}

.LoginLogout {
font-family: Century Gothic, Tahoma, sans-serif;
font-size: 11px;
font-weight: bold;
color: #EFEFEF;
padding-left: 2px;
padding-right: 2px;
}

/* hyperlink style for LoginLogout for Snapsis */
A.LoginLogout:link {
text-decoration:none;
color: #EFEFEF;
}

A.LoginLogout:visited  {
text-decoration: none;
color:#EFEFEF;
}

A.LoginLogout:active   {
text-decoration:none;
color:#EFEFEF;
}

A.LoginLogout:hover{
text-decoration: underline;
color: #EFEFEF;
}