﻿/* body color and margin*/
body {
/*    background: url("/images/bg_blue.gif") repeat-x scroll center top #D0E4F6 !important; */
    background: url("/images/bg_blue.gif") repeat-x scroll center top #D0E4F6; 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.20em;
    margin: 0 auto;
    padding: 0;
}
/*This style is for the results table*/
table.resultstable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.resultstable th {
	background-color:#D0E4F6;
	border-width: 1px;
	padding: 6px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.resultstable tr {
	background-color:#d4e3e5;
}
table.resultstable td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #a9c6c9;
}

.timecolora{
	color:#000
}

.timecolorb{
	color:#39C
}

a.pagor {
	height:20px;
	padding-left:4px;
	padding-right:4px;
	display:block;
	float:left;
	border:1px solid #CCC;
	color: #444;
	margin-right:4px;
	text-decoration:none;
	text-align:center;
}

a.pagor:hover {
	background:#ADDADC;
	border:1px solid #33A8AD;
	color:white;
}

a.selected {
	background:#A3E9EC;
	border:1px solid #6DCED2;
}

#tabhighlight{
	background:#930;
	color:black;
	/*	background-image: url("grad-title-highlight.gif");	*/
}

#tabs {
	float: left;
	width: 100%;
	background: #D0E4F6;
	font-size: 93%;
	line-height: normal;
	background-image: url("grad-title.gif");
		}
#tab
{	margin: 0;
	padding: 0}
	
	#tab li
	{	float: left;
		list-style: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		font-weight: bold;
	}

	#tab li a
	{
	display: block;
/*	background: #CCCCCC;*/
	padding: 5px 12px;
	text-decoration: none;
	border-right: 1px solid white;
	width: 110px;
	color: #FFFFFF;
	white-space: nowrap;
	}

	#tab li a:hover
	{
	color: #FF9
	}
		
		#tab li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white
		}
		
		#tab li ul li
		{	float: none;
			display: inline }
		
		#tab li ul li a
		{	width: auto;
			background-image: url("grad-title.gif");
			color:white}
		
		#tab li ul li a:hover
		{
			background-image: url("grad-title.gif");
		}

#page {
/*    background: url("../img/drop_side.png") repeat-y scroll 0 0 transparent; */
    margin: 0 auto;
    padding: 0 7px;
    width: 986px;
}
#layout {
    overflow: hidden;
    table-layout: fixed;
}
/* header background */
.header_bg {
	background: url('header_bg.gif');
}
/* colors for background */
.colorbg {
/*	background-color: #cc3300;*/
	background-color: #D0E4F6;	
}
.borderbg {
	background-color: #CCCCCC;
}
.borderbg_alt {
	background-color: #EEEEEE;
}
.linebg {
	background-color: #EEEEEE;
}


/* head title */
.headtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(grad-title.gif);
}
.headtitle a:link {
	color: #FFFFFF;
}
.headtitle a:visited {
	color: #FFFFFF;
}
.headtitlelarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FFFFFF;
	font-weight: bold;
}


.boxtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(grad-title.gif);

}

/* common buttons */
.buttonblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border: 2px solid #EEEEEE;
	height: 27px;
	background-color: #0B6B8B;
/* 	background-image: url(grad-title-1.gif); */


}
.buttongreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border: 2px solid #EEEEEE;
	height: 27px;
/*	background-image: url(grad-title2.gif); */
	background-color: #018954;
}
/* for show/hide script  */
.grayHide {
	DISPLAY: none
}
.grayShow {
	
}
/* for image left background  */
.imgbg {
     border: 1px solid black; 
	 background: url(icons/lbg.jpg);
}
/* for bg arrow  */
.imgarrow {
	 background: url(icons/arr_bg.gif);
}


/* form margins */

form { 
	margin-top:0px; 
	margin-bottom:0px;
	}

/* red star sign style */
.att {
color: #FF0000;
font-weight:bold;
font-size:16px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

/* Red Text style */
.r {
color: #FF0000;
}

div.total {
	text-align: right;
	margin-top:5px;	
	margin-bottom:5px;
	margin-right:3px;	
	font-size:13px;
}

/* List styles */
ol, ul, dir {
margin-top:10px;
margin-bottom:10px;
}

ol li {
margin-top:15px;
}

ol.short li {
margin-top:10px;
}


/* classes for legenda */
.legenda {
	FONT-SIZE: 10px; 
	COLOR: #000000;
}
div.legenda {
line-height:10px;
}


/* Assigned Products Div */
div.framedir{
	margin-left:15px; 
	margin-bottom:8px;
	margin-top:3px;
}
#center {
text-align:center;
}

/* Common link styles Begin */
a:link {
	color: #00516c;
	text-decoration: underline;
}
a:visited {
	color: #00516c;
	text-decoration: underline;
}
a:hover {
	color: #cc0000;
	text-decoration: none;
}
/* Common link styles End */

/* Style of form error */
.error {
	color: #FF0000;
	font-size: 11px;

	}

/* Font popup links */
a.smalllink {
	text-decoration: none;
	font-size:11px;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;

}

/* TD w/o paddings */
td.clear {
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;

	}

/* floating box  */

div.floatright{
	position:relative;
	float:right;
	padding-top:19px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-left:20px;
	margin-bottom:0px;
	border: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	background-color: #FCFCFC;
}


.floatright .regFont
{
	font-size: 12px;
	margin-bottom:15px;
}

.black {color:#000000;}


/*from the css file of login script */

#loading{
	left:10px;
	position:relative;
	top:3px;
	visibility:hidden;
}

#error{
	background-color:#ffebe8;
	border:1px solid #dd3c10;
	padding:7px 3px;
	text-align:center;
	color:#b00000;
	margin-top:10px;
	visibility:hidden;
	font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	font-size:12px; 
	color:#165a16;
	text-align:center;
}

.done{
	background:#b8edb8;
	border:1px solid #269926;
	padding:10px;
	width:90%; 
	margin:20px auto; 
	display:none;
}

.done p{
	font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	font-size:12px; 
	color:#165a16;
	text-align:center;
}

.message{
	background:#b8edb8;
	border:1px solid #269926;
	padding:10px;
	width:90%; 
	margin:20px auto; 
	font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	font-size:12px; 
	color:#165a16;
	text-align:center;
}

.error{
	background:#ffbfbf;
	border:1px solid #ff0000;
	padding:10px;
	width:90%; 
	margin:20px auto; 
	font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	font-size:12px; 
	color:#ff0000;
	text-align:center;
}

/**********Pagination css**********/
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #1a6a1a;
	background-color:#1a6a1a;
	color: #fff;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #1a6a1a;
	font-weight: bold;
	background-color: #1a6a1a;
	color: #FFF;
	}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	color: #000;
	}