A{ font-weight: bold; color: mediumblue; text-decoration: underline; }
A:HOVER{color:#000000;}
TD,body{font-family:Arial, Verdana,sans-serif;font-size :10px;color:#666666;font-style:normal;}
h1{font-size:17px;font-weight:bold;line-height:20px;margin:0px;text-transform:uppercase;}
h2{font-size:12px;font-weight:bold;line-height:16px;margin:0px;text-transform:uppercase; }
h3{font-size:12px;font-weight:bold;line-height:16px;margin:0px;}
h4{font-size:11px;font-weight:bold;line-height:14px;margin:0px;}
h5{font-size:10px;font-weight:normal;line-height:12px;margin:0px;color:#999999;font-style:italic;}
/*input{border:1px solid #999999;height:20px;font-size:12px;color:#666666;}*/
body {scrollbar-base-color:#DADADA;scrollbar-shadow-color:#cccccc;scrollbar-darkshadow-color:#999999;scrollbar-arrow-color:#999999;}
ul{margin-left:15px;margin-top:5px;margin-bottom:5px;}

.topbuttons{color:#ffffff;text-transform:uppercase;font-weight:bold;font-size:9px;}
.topbuttons A{color:#ffffff;text-decoration:none;font-weight:bold;}
.topbuttons A:HOVER{color:#999999;}


.main{position:absolute; left:0px; top:0px;width:800px;}
.topbar{background-image:url('images/topbg.gif');background-repeat:repeat-x;}
.menu{margin-top:38px;}
.content{height:360px;width:580px;overflow:auto;position:relative;top:40px;left:30px;}

.sidecontent{font-size:9px;position:relative;top:80px;left:10px;}
.sidebar{background-image:url('images/rightcurve.gif'); background-repeat:no-repeat;}

.white{color:#ffffff;font-weight:bold;}
.white input{border:1px solid #7AABDA;width:120px;height:18px;font-size:10px;color:#666666;}
.white a{color:#6699CC;}
.white a:hover{color:#ffffff;}

.sidebuttons{font-size:8px;position:absolute; left:15px; bottom:25px;width:140px;padding:0px;}
.sidebuttons ul{color:#6699CC;font-size:8px;magin:0px;padding:0px;}
.sidebuttons a{color:#6699CC;}
.sidebuttons a:hover{color:#ffffff;}

.darkbutton{width:125px;cursor:hand;background-image:url('images/darkbluebutton.gif'); background-repeat:no-repeat;color:#ffffff; text-align:center; height:20px; padding-top:3px; margin-top:0px; margin-bottom:0px; font-family:Verdana; font-size:10px;  background-color: Transparent; border-style:none; padding-bottom:4px;}
.darkbuttonRedText{width:125px;cursor:hand;background-image:url('images/darkbluebutton.gif'); background-repeat:no-repeat;color:#FF0000; text-align:center; height:20px; padding-top:3px; margin-top:0px; margin-bottom:0px; font-family:Verdana; font-size:10px;  background-color: Transparent; border-style:none; padding-bottom:4px;}
.lightbutton a{color:#ffffff;}
.lightbutton a:hover{color:#ffffff;}

.smallbutton
{
	width: 90px;
	cursor: hand;
	background-image: url(  'images/smallbluebutton.gif' );
	background-repeat: no-repeat;
	color: #ffffff;
	height: 20px;
	padding-top: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-family: Verdana;
	font-size: 8px;
	font-weight: normal;
	background-color: Transparent;
	border-style: none;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: left;
}


.lightbutton{width:125px;cursor:hand;background-image:url('images/lightbluebutton.gif'); background-repeat:no-repeat;color:#ffffff; text-align:center; height:20px; padding-top:3px; margin-top:0px; margin-bottom:0px; font-family:Verdana; font-size:8px;}
.lightbutton a{color:#ffffff;}
.lightbutton a:hover{color:#ffffff;}

.bottomborder{border-bottom:1px dotted #cccccc;}
.rightborder{border-right:1px dotted #cccccc;}
.leftborder{border-left:1px dotted #cccccc;padding-left:25px;}

.footer{position:absolute; right:20px; bottom:0px; width:610px; background-image:url('images/dash.gif'); background-repeat:repeat-x; text-align:right; padding-top:5px;}
.footermain{position:absolute; right:20px; bottom:0px; width:610px; background-image:url('images/dash.gif'); background-repeat:repeat-x; text-align:right; padding-top:5px;}


.browsebuttonsgreen{background-image:url('images/buttongreen.gif'); background-repeat:no-repeat; width:22px;  height:22px; cursor:hand;  border-style:none; background-color:Transparent;}
.browsebuttonspink{background-image:url('images/buttonpink.gif'); background-repeat:no-repeat; width:22px;  height:22px; cursor:hand; border-style:none; background-color:Transparent;}
.browsebuttonsdarkgreen{background-image:url('images/buttondarkgreen.gif'); background-repeat:no-repeat;width:22px;  height:22px; cursor:hand; border-style:none; background-color:Transparent;}
.browsebuttonspurple{background-image:url('images/buttonpurple.gif'); background-repeat:no-repeat; width:22px;  height:22px; cursor:hand; border-style:none; background-color:Transparent;}
.browsebuttonssky{background-image:url('images/buttonsky.gif'); background-repeat:no-repeat; width:22px;  height:22px; cursor:hand; border-style:none; background-color:Transparent;}

.browsebuttonscrimson{background-image:url('images/buttoncrimson.gif'); background-repeat:no-repeat; width:22px;  height:22px; cursor:hand; border-style:none; background-color:Transparent;}
.browsebuttonsyellow{background-image:url('images/buttonyellow.gif'); background-repeat:no-repeat; width:22px;  height:22px; cursor:hand; border-style:none; background-color:Transparent;}
.browsebuttonsteal{background-image:url('images/buttonteal.gif'); background-repeat:no-repeat; width:22px;  height:22px; cursor:hand; border-style:none; background-color:Transparent;}
.browsebuttonsdkblue{background-image:url('images/buttondkblue.gif'); background-repeat:no-repeat; width:22px;  height:22px; cursor:hand; border-style:none; background-color:Transparent;}
.browsebuttonsbrown{background-image:url('images/buttonbrown.gif'); background-repeat:no-repeat; width:22px;  height:22px; cursor:hand; border-style:none; background-color:Transparent;}
.browsebuttonsolive{background-image:url('images/buttonolive.gif'); background-repeat:no-repeat; width:22px;  height:22px; cursor:hand; border-style:none; background-color:Transparent;}

.trolleybutton{background-image:url('images/trolley.jpg'); background-repeat:no-repeat; cursor:hand; border-style:none; background-color:Transparent; width:10px;  height:10px;}

.browseheaderbutton {color:#666666;font-size:12px;font-weight:bold;cursor:hand; border-style:none;  text-align:left; background-color:Transparent;}

.news{color:#ffffff;font-size:10px;font-weight:bold;line-height:18px;margin:0px; background-image:url('images/news.jpg'); background-repeat:repeat; }

.inputtext {border:1px solid #999999;height:20px;font-size:10px;color:#666666;}

.buttonsold {border-right: silver 2px outset;border-top: silver 2px outset;font-weight: bold;font-size: 10px;vertical-align: baseline;border-left: silver 2px outset;color: white;border-bottom: silver 2px outset;font-family: Arial;background-color: #6699ff;text-align: center;}
.buttons{width:125px;cursor:hand;background-image:url('images/darkbluebutton.gif'); background-repeat:no-repeat;color:#ffffff; text-align:center; height:20px; padding-top:3px; margin-top:0px; margin-bottom:0px; font-family:Verdana; font-size:10px;  background-color: Transparent; border-style:none; padding-bottom:4px;}

.searchinprogress {BORDER-TOP-WIDTH: thin; DISPLAY: none; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: thin; FONT-SIZE: 16px; BORDER-LEFT-COLOR: black; LEFT: 0px; BORDER-BOTTOM-WIDTH: thin; BORDER-BOTTOM-COLOR: black; VERTICAL-ALIGN: baseline; CURSOR: wait; COLOR: #666666; BORDER-TOP-COLOR: black; FONT-FAMILY: Arial; POSITION: relative; TOP: 100px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: thin; BORDER-RIGHT-COLOR: black;}

.error{border-top-width: thin;border-left-width: thin;font-size: 10px;border-bottom-width: thin;color: crimson;font-family: Arial;background-color: transparent;border-right-width: thin;}

.errortext
{
	color: red;
	font-weight:bold;
}


.whitelink {color:white;text-decoration:none;font-weight:bold;}

.inputtextarea {border:1px solid #999999;font-size:10px;color:#666666;}

.addtext {font-weight: bold; font-size: 10px; color: mediumblue;font-family: Arial, Verdana,sans-serif;}

.frontnotes{position:absolute; right:80px; bottom:40px;width:500px; text-align:left; padding-top:5px;}

/*********************** GridView *********/
.GridView
{
	border-collapse: collapse;
}

.GridView tr.Header
{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-image: url( 'images/header-tile.gif' );
	background-repeat: repeat-x;
	text-align: left;
}

.GridView tr.Row
{
	background-color: #f5f5f5;
}
.GridView tr.AltRow
{
 	 
 	background-color: #F0F5FF; 
}
.GridView tr.SelectedRow
{
	background-color: #BFE0FF; 
}

.GridView tr.Row:hover, .GridView tr.AltRow:hover
{
	background-color: #E1F1FF;
}

/*********************** End of GridView *********/

.Panel
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
	background-color: white;
}

hr
{
	border-top: #8c8eaa 1px solid;
	height: 1px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
}


.LoginLabel
{
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial;
}

.LoginPanel
{
	background-color: silver;
}

.Label
{
	font-weight: bold;
	font-size: 12px;
	color: #808080;
	font-family: Arial, Verdana,sans-serif;
}

.GridTable
{
	border-collapse: collapse;
	empty-cells: show;
}
legend
{
	font-weight: bold;
	font-size: 12px;
	color: #008080;
	font-family: Arial, Verdana,sans-serif;
	padding-bottom: 7px;
	padding-top: 7px;
}

.menubutton
{
	width: 125px;
	cursor: hand;
	background-image: url( 'images/darkbluebutton.gif' );
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: center;
	height: 20px;
	padding-top: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 10px;
	background-color: Transparent;
	border-style: none;
	padding-bottom: 4px;
	text-decoration: none;
	display:block;
}
.menubutton:hover
{
	background-image:url('images/lightbluebutton.gif');
	color: #ffffff;
}

.menubuttonRedText
{
	width: 125px;
	cursor: hand;
	background-image: url( 'images/darkbluebutton.gif' );
	background-repeat: no-repeat;
	color: #FF0000;
	text-align: center;
	height: 20px;
	padding-top: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 10px;
	background-color: Transparent;
	border-style: none;
	padding-bottom: 4px;
	text-decoration: none;
	display:block;
}

.menubuttonRedText:hover
{
	background-image:url('images/lightbluebutton.gif');
	color: #ff0000;
}


.ProgressPanel
{
	z-index: 1000;
	left: 200px;
	position: absolute;
	top: 200px;
	border-right: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	text-align: center;
	vertical-align: middle;
	font-size: 15pt;
	font-weight: bold;
	background-color: #ffffff;
	border-color: #808080;
}

/************* popup panel ***************/
.Title, .TitleClose
{
	border-style: none none solid none;
	font-size: 12px;
	font-weight: bold;
	color: #006666;
	background-image: url(   'images/title_bg.gif' );
	background-repeat: repeat-x;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
	line-height:20px; /* a trick to make the text aligned in the middle */
}

.Title
{
	float: left;
	cursor: move;
	text-align: center;
}

.TitleClose
{
	width: 20px;
	text-align: center;
}

.PopupPanel
{
    z-index: 1000;
    left: 200px;
    position: absolute;
    top: 200px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    background-color:#ffffff;
    visibility:hidden;
}


.PopupContent
{
	padding: 7px;
    overflow: auto;
}

/************* end of popup panel ***************/