﻿body
{
	font-family: Verdana, Arial, Times New Roman;
	font-size:75%;
	color: #000000;	background-color:#633131;
	background-image:url(images/TRISYS-MainBGRed.jpg); background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	height: 100%;
	scrollbar-face-color: #AFC6DB;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #DEE7EF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #AFC6DB;
	scrollbar-track-color: #eaeaea;
	scrollbar-arrow-color: #DEE7EF;
}

html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button
{ margin: 0px; padding:0px; border: 0px; }

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input, label, select
{ font-family: Arial, Verdana, Times New Roman; }

p
{
	margin: 0px;
	margin-bottom: 10px;
	border-right: 10px;
	color: #686868;
	font-size: 70%;
	line-height: 1.5em;
	text-align: justify;
	border: 0px solid blue;
}
td p
{
	font-size: 100%;
}

table
{
	background-color: Transparent;
}
td
{
	vertical-align: top;
	text-align: left;
	border: 0px solid #f1f1f1;
	font-size: 70%;
}
td table
{
	font-size: 140%;
}

input .Calander
{
	border: 1px solid red;
	width: 170px;
}

h1, h2, h3, h4, h5, h6 { color:#565656; margin-top:1em; margin-bottom:.5em; }

h1
{
	font-size: 140%;
}
h2
{
	font-size: 120%;
	margin-top: 10px;
	margin-bottom: 0px;
}
h3
{
	font-size: 100%;
}
h4
{
	font-size: 90%;
}
h5
{
	font-size: 80%;
}
h6
{
	font-size: 70%; color:#848484;
}

table, input, textarea
{
	font-size: 100%;
}


A:link, A:visited, A:active, A:hover	
{
	font-size: 110%; letter-spacing:.05em; text-decoration:none;
}
A:link
{
	color: #0FF;
}
A:visited
{
	color: #0FF;
	text-decoration: none;
}
A:active
{
	color: #ff8905;
}
A:hover
{
	color: #ff0;
	text-decoration: underline;
}

ul
{
	list-style-type: square; font-size:70%; text-align:left; text-indent:1px; margin-left:40px; border:0px solid blue;
}
ul ul
{
	list-style-type: disc; margin-top:0px; 
}
ul ul ul
{
	list-style-type: circle;
}

ol
{
	list-style-type: square; font-size:70%; text-indent:1px; margin-left:40px; border:0px solid blue;
}
ol ol
{
	list-style-type: disc; margin-top:0px; 
}
ol ol ol
{
	list-style-type: circle;
}

li		{ margin-top:2px; text-indent:20px; color:#686868; }
li li	{ font-size:140%; margin-bottom:5px;  }

#poweredby			{ position:absolute; bottom:5px; right:10px; width:160px; height:20px; font-size:80%; color:#fff; opacity:0.2; filter:alpha(opacity=20); z-index:30;}

INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=hidden, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text
{
	color: white;
	background-color: #333;
	border: 1px dotted #f00;
}

INPUT type=button
{
}
INPUT type=checkbox
{
}
INPUT type=file
{
}
INPUT type=hidden
{
}
INPUT type=image
{
}
INPUT type=password
{
}
INPUT type=radio
{
}
INPUT type=reset
{
}
INPUT type=submit
{
}
INPUT type=text
{
}



fieldset
{
	width: 100%;
	padding: 15px;
	padding-top: 10px;
	text-align: right;
	border: 1px solid #939292;
	padding-top: 0px;
}


Legend
{
	font-size: 75%;
	font-weight: bold;
	color: #40659A;
	padding: 10px;
}

A.poweredby:link, A.poweredby:visited, A.poweredby:active, A.poweredby:hover
				{ font-size: 100%; font-weight: normal; }
A.poweredby:link	{ color: #ff9c00; text-decoration: none; }
A.poweredby:visited { color: #fff; }
A.poweredby:active	{ color: #97BDE1; }
A.poweredby:hover	{ color: #fff000; text-decoration: underline; }

/* ****************************************************** */

#HomeOuterDiv			{ height:582px; width:99.6%;  margin:0px; background-image:url(images/TRISYSBG1.jpg); background-position:top left; background-repeat:repeat-x;   border:0px solid green;}

#LogoDiv				{ position:absolute; left:0px; top:0px; width:295px; height:295px;  background-image:url(images/TRISYS-LogoJPG.jpg); background-position:top left; background-repeat:no-repeat; z-index:15; border:0px solid blue;}
#LoginBox				{ position:absolute; left:70px; top:373px; width:300px; height:165px; z-index:11; border:0px solid orange; }
.LoginTxtBox			{ height:20px; width:150px; font-size:150%; padding-top:3px; padding-left:5px; padding-right:5px; background-color:#e9dcdc; opacity:0.6; filter:alpha(opacity=60); background-image:url(TRISYS-LoginTxtBoxBG.png); border:1px solid #2d2d2d; }

#MainMenuIconsBox		{ position:absolute; right:0px; top:95px; background-image:url(images/TRISYS-MenuIconSet.jpg); background-repeat:no-repeat; width:605px; height:500px; border:0px solid aqua;}
#Footer					{ position:absolute; bottom:5px; height:20px; width:98%; text-align:center; font-size:11px; letter-spacing:0.05em; color:#d39e9e; font-weight:normal; z-index:20; border:0px solid blue; }

ul.LeftNavMenuList		{ color:#fff; text-align: left; list-style: none; padding: 0px; margin: 0px; width: 100%; }
ul.LeftNavMenuList li	{ display: block; margin: 0px; padding: 0px; color:#fff; }
ul.LeftNavMenuList li a { display: block; margin:0px; padding:0px; }

ul.LeftNavMenuList li a.selected	{ display: block; margin:0px; padding:0px; }
ul.LeftNavMenuList li#active a		{ background: #F1F1F1; color: #fff; }
ul.LeftNavMenuList li a:hover, ul#LeftNavMenuList li#active a:hover { border-bottom:2px solid #7aa112; padding:0px; }



ul.LeftNavMenuList li a#MainMenuIcon6, ul.LeftNavMenuList li a#MainMenuIcon6:hover { position:relative; left:10px; top:123px; width:65px; height:144px; z-index:10; background-repeat:no-repeat; border:0px solid blue; }

ul.LeftNavMenuList li a#MainMenuIcon5, ul.LeftNavMenuList li a#MainMenuIcon5:hover { position:absolute; left:77px; top:105px; width:70px; height:182px; z-index:11; background-repeat:no-repeat; border:0px solid green; }

ul.LeftNavMenuList li a#MainMenuIcon4, ul.LeftNavMenuList li a#MainMenuIcon4:hover { position:absolute; left:150px; top:88px; width:76px; height:230px; z-index:12; background-repeat:no-repeat; border:0px solid yellow; }

ul.LeftNavMenuList li a#MainMenuIcon3, ul.LeftNavMenuList li a#MainMenuIcon3:hover { position:absolute; left:229px; top:66px; width:94px; height:275px; z-index:13; background-repeat:no-repeat; border:0px solid white; }

ul.LeftNavMenuList li a#MainMenuIcon2, ul.LeftNavMenuList li a#MainMenuIcon2:hover { position:absolute; left:325px; top:46px; width:108px; height:313px; z-index:14; background-repeat:no-repeat; border:0px solid red; }

ul.LeftNavMenuList li a#MainMenuIcon1, ul.LeftNavMenuList li a#MainMenuIcon1:hover { position:absolute; left:436px; top:12px; width:165px; height:380px; z-index:15; background-repeat:no-repeat; border:0px solid black; }


#ThemesBlocksDiv	{ position:absolute; top:20px; right:30px; text-align:right; width:260px; border:0px solid #fff; z-index:25; }
.ThemeColorBlock	{ float:right; width:8px; height:8px; margin:3px; cursor:hand; border:1px solid #676767; }
