ÿþ

body

{

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	background: #5e87D5;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #333333;

}



#container

{

	width: 1000px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background: #FFFFFF;

	margin: 0 auto;

	text-align: left;

	border-right: 1px solid #394b6c;

	border-left: 1px solid #394b6c;

}



#header

{

	background: #396ECA url(images/banner.jpg) no-repeat right top;

	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

	height: 97px;

	margin: 0px 0px 0px 2px;

}



#header h1

{

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 47px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}

#header h1 span

{

	position: absolute;

	top: -10000px;

}



#nav

{

	margin: 0px;

	padding: 0px;

	width: 1000px;

	background: url(images/navbg.gif);

	height: 25px;

	

}



#sidebar1

{

	float: right; /* since this element is floated, a width must be given */

	width: 220px; /* the background color will be displayed for the length of the content in the column, but no further */

	padding: 20px 10px;

	position: relative;

	left: -40px;

	top: -25px;

}



.pod

{

	width: 220px;

	background: url( images/PanelBg.gif ) repeat-x;

	border: solid 1px #CCCCCC;

	padding: 10px;

}

.pod dt

{

	padding: 0px 0px 0;

	font-size: 90%;

	color: #666666;

	margin: 0;

}

.pod dd

{

	padding: 15px 0px 0;

	color: #999999;

	margin: 0;

	font-size: 80%;

}



#mainContent

{

	margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

	padding: 20px 20px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	float: left;

	width: 680px;

}

#mainContent h1

{

	font-size: 140%;

	font-weight: normal;

	color: #396dca;

	margin: 0px;

	padding: 0px;

}

#mainContent h2

{

	color: #396dca;

	font-size: 120%;

	font-weight: normal;

}

#mainContent p

{

	font-size: 85%;

	line-height: 1.4;

}



.footer p

{

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	font-size: 75%;

	color: #FFFFFF;

}

.fltrt

{

	/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft

{

	/* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

	border: 1px solid #396ECA;

}

.clearfloat

{

	/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear: both;

	height: 0;

	font-size: 1px;

	line-height: 0px;

}





.input

{

	border: 1px solid #cabdbd; /*height: 20px;*/

	font-size: 10pt;

	background-image: url(images/inputbg.gif);

}



.input-sm

{

	width: 50px;

	border: 1px solid #cabdbd; /*height: 20px;*/

	font-size: 10pt;

	background-image: url(images/inputbg.gif);

}



.input-med

{

	width: 100px;

	border: 1px solid #cabdbd; /*height: 20px;*/

	font-size: 10pt;

	background-image: url(images/inputbg.gif);

}



.input-lg

{

	width: 150px;

	border: 1px solid #cabdbd; /*height: 20px;*/

	font-size: 10pt;

	background-image: url(images/inputbg.gif);

}



.input-xlg

{

	width: 200px;

	border: 1px solid #cabdbd; /*height: 20px;*/

	font-size: 10pt;

	background-image: url(images/inputbg.gif);

}



.input-xxlg

{

	width: 200px;

	border: 1px solid #cabdbd; /*height: 20px;*/

	font-size: 10pt;

	background-image: url(images/inputbg.gif);

}



textarea

{

	border: 1px solid #cabdbd;

	font-size: 10pt;

	background-image: url(images/textareabg.gif);

	background-repeat: repeat;

}



.textarea

{

	border: 1px solid #cabdbd;

	font-size: 10pt;

	background-image: url(images/textareabg.gif);

	background-repeat: repeat;

}



.gv

{

	width: 100%;

}



.gridView

{

	float: left;

	margin: 0px;

	padding: 0px;

	background-color: White;

	border: 1px solid #cabdbd;

	width: 100%;

	font-size: 11px;

}



.gridView td, .gridView th

{

	padding: 9px;

	border: 1px solid #cabdbd;

	font-family: Verdana;

}



.gridView .selectedRow

{

	background-color: Yellow;

}



.gridView .odd

{

	background-color: #f5ecec;

}



.gridView .even

{

	background-color: #ffffff;

}



.Label

{

	font-weight: bold;

	font-family: Verdana;

	font-size: 10pt;

	font-variant: normal;

}

.labelregular

{

	font-weight: normal ;

	font-family: Verdana;

	font-size: 10pt;

	font-variant: normal;

}

.menu

{

	width: 100%;

	font-size: 93%;

	line-height: normal;

	padding: 5px 5px 0px 0px;

}



.MenuStyle

{

	background: url(  images/right.gif );

	padding: 5px 5px 0px 0px;

	height: 30px;

}



.PanelHeader

{

	background: url( images/PanelBg.gif ) repeat-x;

	border: solid 1px #CCCCCC;

	padding: 10px;

}



#mainContent .PanelHeader H1

{

	font-size: 95%;

	color: #333333;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	font-family: Verdana;

	padding-bottom: 20px;

}





.PanelHeader table

{

	padding: 2px;

}

.clear

{

	clear: both;

}



.staticMenuItem

{

	padding: 0px;

}

.menuHover

{

	color: #333333;

	background-color: #999999;

	font-weight: bold;

}

.dynamicMenuItem

{

	color: black;

	padding: 2px;

	width: 100%;

	/* background: url( ../../images/subMenubg.gif ) repeat; */

}

.dynamicMenu

{

	border: Solid 1px #a7a495;

}



.btn

{

	background: url( images/button.gif );

}



.configTable .td

{

	padding: 20px;

}



.link

{

	color: blue;

	text-decoration: underline;

	cursor: pointer;

	cursor: hand;

}



li

{

	list-style: none;

}



.error

{

	color: #ff0000;

	font-size: 10pt;

}



td

{

	vertical-align: top;

}



.UpdateProgress

{

	width: 400px;

	top: 0%;

	right: 12px;

	position: absolute;

}

.success

{

	color: #5EAB5E;

	font-size: 10pt;

}



.labelbold

{

	font-weight: bold;

	font-size: 10pt;

	font-family: Verdana;

}



.totalItem

{

	font-size: 16px;

	color: Green;

	font-weight: bold;

}



hr

{

	line-height: 1px;

	color: #CCCCCC;

}

.itemDetailBox

{

	width: 500px;

	background-color: #FFFFFF;

	font-size: 12px;

	white-space: nowrap;

}



.icontext-link

{

	font-size: 11px;

	color: #0000ff;

	text-decoration: underline;

}





.welcomeBannerText

{

	font-size: 11px;

	position: relative;

	top: -20px;

}



.DetailView

{

	border: 0px;

}



.commentText

{

	font-size: 10px;

}



.progressBar

{

	position: absolute;

	top: 50%;

	right: 50%;

	border: solid 2px #999999;

	padding: 5px;

	background-color: #FFFFFF;

	height:50px;

	width:350px;

	z-index :999999;

}

.modalBackground

{

	background-color: Gray;

	filter: alpha(opacity=70);

	opacity: 0.7;

}



.button

{

	background: transparent url( 'images/InputBtn.gif' ) no-repeat;

	line-height: 12px;

	padding: 6px;

	width: 100px;

	border: 0px;

	font-weight: bold;

}



.button-Med

{

	background: transparent url( 'images/InputBtn-Med.gif' ) no-repeat;

	line-height: 12px;

	padding: 6px;

	width: 141px;

	border: 0px;

	font-weight: bold;

}



.Panelbgborder

{

	border: solid 1px #CCCCCC;

	padding: 0px;

	background-color: #FFFFFF;

}



img

{

	border: 0px;

}



.Agency

{

	color: #FFE900;

	font-weight: bold;

	font-family: Verdana;

}



.Program

{

	color: #FF000A;

	font-weight: bold;

	font-family: Verdana;

}



.Shopper

{

	color: #FF00CA;

	font-weight: bold;

	font-family: Verdana;

}



/* Pager */

/* Page Numbers */

.pages {

 

    clear: left;

    font-size: 85%;

}



.pages span

{

	

	background-color:Yellow;

	display: block;

    border: 1px solid #fff;

    

}



.pages a {

    display: block;

    float: left;

    border: 1px solid #fff;

    background: #fff;

}



.pages span.current {

   

    font-weight: bold;

    background: #000000;

   color: #ff3300;

}



.pages a {

   

    text-decoration: none;

}



.pages a:hover {

    border-color: #2E6AB1;

}



.pages a.nextprev {

    font-weight: bold;

}



.pages span.nextprev {

    color: #666333;

}



.pages span.nextprev {

        border: 1px solid #ddd;

        color: #999;

}