﻿body { font-size: 18px; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }


.header
{
	color: lightcyan;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	height: 12px;
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	font-family: verdana, Sans-Serif;
	border-top-width: thin;
	border-left-width: thin;
	border-left-color: #3300cc;
	border-bottom-width: thin;
	border-bottom-color: #3300cc;
	border-top-color: #3300cc;
	border-right-width: thin;
	border-right-color: #3300cc;
	background-image: url(images/accordionhead.jpg);
	cursor:pointer;
}

.content
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: lighter;
	color: #003366;
	
	background-color: #FFFFFF;
	text-decoration: none;
}
#hdr
{
	left: 0px;
	width: 100%;
	position: absolute;
	top: 1px;
	height: 180px;
	background-repeat: repeat-x;
	background-position: center top;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: white;
	font-family: FFF Interface05;
}
#lft
{
	font-weight: 200;
	font-size: 10pt;
	left: 2px;
	width: 230px;
	color: #333333;
	font-family: Verdana;
	position: absolute;
	top: 190px;
	height: 280px;
	border-right: #59566f 1px solid;
	border-top: #59566f 1px solid;
	border-left: #59566f 1px solid;
	border-bottom: #59566f 1px solid;
}
#rgt
{
	
	font-weight: bold;
	font-size: 10pt;
	left: 500px;
	width: 80px;
	color: #330066;
	font-family: Verdana;
	position: absolute;
	top: 190px;
	height: 400px;
	background-image: url(images/adv.jpg);
	background-repeat: repeat-y;
	
	
}
#mdlData
{
	font-weight: normal;
	font-size: 10pt;
	left: 200px;
	color: #000033;
	font-family: verdana;
	position: absolute;
	top: 190px;
	text-align: justify;
	text-decoration: none;
	width: 620px;
}

.formate
{
	font-family:Verdana;
	font-size:12;
	font-style:inherit ;
	color:#663300;
	font-weight:normal ;
	}
.list
{
	font-weight: bold;
	font-size: 12px;
	cursor: hand;
	color: #333333;
	font-family: Verdana, Georgia, 'Book Antiqua';
	text-align: left;
	text-decoration: none;
	border-top-width: thin;
	border-left-width: thin;
	border-bottom-width: thin;
	border-right-width: thin;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 10px;	
	width: 500px;
	height: 150px;
	background-repeat: no-repeat;
	filter: alpha(opacity=80);
	background-image: url(images/gridback.jpg);
}
.listover
{
	border-right: lightslategray thin;
	border-top: lightslategray thin;
	font-weight: bold;
	font-size: 11px;
	border-left: lightslategray thin;
	cursor: hand;
	color: lemonchiffon;
	border-bottom: lightslategray thin;
	font-family: Verdana, Georgia, 'Book Antiqua';
	background-color: #81a4c5;
	text-align: left;
	text-decoration: underline;
}

.detailhrd
{
	font-weight: bold;
	font-size: 16px;
	color: #afbff1;
	font-family: Arial;
	text-align: center;
}
.hyper
{	font-size: 13px; 
	text-transform: capitalize; 
	font-family: Verdana; 
	font-variant: normal;
	text-decoration:none;
	color: #ffffff; 
	cursor:pointer;
	}
	
.hyperHover
{
	font-family: verdana;
	color: #4b5e7a;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	cursor:pointer;
}	
	/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
}

.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}
.textHD
{
	font-family: verdana;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	
}
.btn
{
	font-family: verdana;
	font-size: 12px;
	color: #4b5e7a;
}
.textBX
{
	font-family: verdana;
	color: #2d638e;
	font-size: 11px;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	
}.returnHD
{
	font-family: verdana;
	color: #4b5e7a;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
.returnHover
{
	font-family: verdana;
	color: #ed764d;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
.grid
{
	padding-right: 4px;
	padding-left: 15px;
	padding-bottom: 2px;
	margin: 4px 4px 2px 20px;
	padding-top: 10px;
	text-align: center;
	vertical-align: top;
}
.gridHD
{
	font-weight: bold;
	font-size: 12px;
	font-family: verdana, Tahoma;
	text-decoration: none;
	color: #96b0ff;
}
.imageStyle
{
	border-bottom: #1c3958 2px solid;
	border-left: #1c3958 2px solid;
	padding-bottom: 5px;
	margin: 3px;
	padding-left: 5px;
	width: 130px;
	padding-right: 5px;
	height: 120px;
	border-top: #1c3958 2px solid;
	border-right: #1c3958 2px solid;
	padding-top: 5px;
	vertical-align: top;
}
.logo
{
position:absolute;
}
.uppermenu
{
	position: absolute;
	width: 150px;
	height: 60px;
}
.hiddenDiv
{
	background-color: #666666;
	border-bottom: #4b4b4b 1px solid;
	border-left: #4b4b4b 1px solid;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: verdana;
	color: #f5fce4;
	font-size: 11px;
	border-top: #4b4b4b 1px solid;
	font-weight: normal;
	border-right: #4b4b4b 1px solid;
	
	padding-top: 8px;
}
.showDet
{
	cursor:pointer;
}

.welcome
{
	text-transform: capitalize;
	font-family: verdana;
	font-size: 10px;
	left: 577px; 
	width: 354px; 
	position: absolute; 
	top: 1px;
    height: 20px
}
.popuplogin
{
	filter: alpha(opacity=90);
	background-color: #ffffff;
	color: #660000;
	font-family: Tahoma;
	font-size: 10px;
	text-transform: lowercase;
}

.descDV
{
 border-bottom: #1c3958 2px solid;
	border-left: #1c3958 2px solid;
	padding-bottom: 5px;
	margin: 3px;
	padding-left: 5px;
	width: 130px;
	padding-right: 5px;
	
	border-top: #1c3958 2px solid;
	border-right: #1c3958 2px solid;
	padding-top: 5px;
	vertical-align: top;
}
.lable-page
{
	border-right: midnightblue 1px solid;
	padding-right: 4px;
	border-top: midnightblue 1px solid;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 1px;
	border-left: midnightblue 1px solid;
	color: #4f5163;
	padding-top: 1px;
	border-bottom: midnightblue 1px solid;
	background-color: #ebf1ed;
	width: 5px;
	vertical-align: middle;
}
.lable-page-active
{
	border-right: orangered 1px solid;
	padding-right: 4px;
	border-top: orangered 1px solid;
	padding-left: 4px;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 1px;
	border-left: orangered 1px solid;
	color: #4f5163;
	padding-top: 1px;
	border-bottom: orangered 1px solid;
	background-color: #feffff;
	width: 5px;
	
	text-decoration: underline;
}

input[type=text]:hover
{
	background-color: ghostwhite;
	border-bottom: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-right: darkgray 1px solid;
}
.color-candy
{
	 color: #fff;  
     float: left;  
     font-weight:100;  
     height: 200px;  
     margin: 0;  
     padding: 0;  
     width: 80px; 
     position:absolute;
}

input[type=text]
{
	font-family: verdana;
	color: #2d638e;
	font-size: 11px;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}

.select-List
{
	font-family: verdana;
	color: #2d638e;
	font-size: 11px;
	border-right: #0862ff 1px solid;
	border-top: #0862ff 1px solid;
	border-left: #0862ff 1px solid;
	border-bottom: #0862ff 1px solid;
}
.err-lable
{
	font-weight: bold;
	font-size: 11px;
	color: #cc0033;
	font-family: verdana;
}
.clr-lable
{
	font-weight: bold;
	font-size: 11px;
	color: #339900;
	font-family: verdana;
}
.required
{
	color: #ff0000;
}


.tabhead
{
	
	padding-bottom: 2px;
	list-style-type: none;
	
	padding-right: 2px;
	display: block;
	letter-spacing: 1px;
	cursor: hand;
	padding-top: 2px;
	
	 LEFT: 1px;
	 WIDTH: 220px;
	 POSITION: relative; 
	 TOP: 0px; 
	 HEIGHT: 1px
	
}
#tabdiv
{
	HEIGHT: 288px;
	position :absolute;
	LEFT: 0px; 
	WIDTH: 222px; 
	TOP: 472px;
	border-bottom: #0d455f 1px solid;
	border-left: #0d455f 1px solid;
	padding-bottom: 5px;
	margin: 1px;
	padding-left: 3px;
	padding-right: 5px;
	border-top: #0d455f 1px solid;
	border-right: #0d455f 1px solid;
	padding-top: 5px;
	left:1px;
}
.tabcontent
{
	background-color: #ADD6E7;
	font-family: arial;
	color: #447169;
	width: 218px;
	letter-spacing: normal;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 5px;
	margin: 2px 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	left: 0px; 
	WIDTH: 196px; 
	
	HEIGHT: 230px;
	position:absolute;
	TOP: 25px
	
}
.tab
{
	border-left: #660000 1px solid;
	background-color: #8CBDCE;
	padding-left: 6px;
	font-family: arial;
	color: #ffffff;
	font-size: 12px;
	border-top: #660000 1px solid;
	border-right: #660000 1px solid;
	border-bottom: #660000 1px solid;
	padding-top: 6px;
	padding-right: 6px;
	cursor:pointer;
}
.tabclick
{
	border-left: #660000 1px solid;
	background-color: #ADD6E7;
	padding-left: 6px;
	font-family: arial;
	color: #447169;
	font-size: 12px;
	border-top: #660000 1px solid;
	border-right: #660000 1px solid;
	padding-top: 6px;
	padding-right: 6px;
	cursor:pointer;
}
