body {
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	background-image: url(../images/bg.gif);
	background-repeat:repeat;
	
}
.topleft {
	background-image: url(../images/top_right.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.topright {
	background-image: url(../images/top_right.gif);
	background-repeat: repeat-x;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 8px;
	
}
.bottomleft {
	background-image: url(../images/bottom_right.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.bottomright {
	background-image: url(../images/bottom_right.gif);
	background-repeat: repeat-x;
	background-position: right top;
}
.nav {
	border-left:#d5d5d4 solid 1px;
	border-right:#d5d5d4 solid 1px;
	background-color:#FFFFFF;
	padding-left:20px;
}
.menustyle{
width: 99%;
/*font-weight: bold;*/
}
.menustyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

a.navleft{
	background: transparent url('../images/nav_bg.gif') no-repeat left;
	color: #000000;
	display: block;
	float: left;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom:5px;
	padding-top:5px;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
a:hover.navleft{
background: transparent url('../images/nav_bgA.gif') no-repeat left;
}
a[rel]:after.navleft{
content: " ";
}

a.navright {
background: transparent url('../images/nav_bg.gif') no-repeat right;
color: #000000;
display: block;
float: left;
font: normal 12px Arial;
border-left:#bed4e2 dotted 1px;
padding-left: 10px;
padding-right: 10px;
padding-bottom:5px;
padding-top:5px;
text-decoration: none;
}
a:hover.navright {
background: transparent url('../images/nav_bgA.gif') no-repeat right;
}
a[rel]:after.navright{
content: " ";
}

.dropmenudiv{
position:absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
line-height:25px;
z-index:100;
width: 150px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); */
}


.dropmenudiv a{
width: 135px;
display: block;
text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-attachment: relation;
	background-image: url(../images/nav_bg2.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color:#333333;
	padding-left: 8px;
	padding-right: 8px;
	text-align:left;
	border-bottom:solid #333333 1px;
text-decoration: none;
color: #333333;

}

* html .dropmenudiv a{ 
width: 135px;
}

.dropmenudiv a:hover{ 
width: 135px;
display: block;
text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-attachment: relation;
	background-image: url(../images/nav_bg2A.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-left: 8px;
	padding-right: 8px;
	text-align:left;
	border-bottom:solid #333333 1px;
text-decoration: none;
color: #000000;
}
.nav2right {
	color: #ffffff;
	font: normal 12px Arial;
	text-decoration: none;
	padding-left: 10px;
padding-right: 10px;
padding-bottom:5px;
padding-top:5px;
display: block;
float: right;
}
a.nav2right {
background: transparent url('../imagesnav_bg2.gif') no-repeat right;
color: #000000;
display: block;
float: right;
font: normal 12px Arial;
border-left:#aaaaaa dotted 1px;
padding-left: 10px;
padding-right: 10px;
padding-bottom:5px;
padding-top:5px;
text-decoration: none;
}
a:hover.nav2right {
background: transparent url('../imagesnav_bg2A.gif') no-repeat right;
}

.Copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	padding: 0;
	padding-top: 5px;
	padding-left: 8px;
}

.center {
border-left:#d5d5d4 solid 1px;
border-right:#d5d5d4 solid 1px;
background-color:#FFFFFF;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
padding-top:10px;
}

.header {
	font-size: 16px;
	color: #669900;
	font-weight: bold;
	padding-top: 12px;
}


.CustomTab .ajax__tab_header					{ background:url(../images/tab-line.gif) repeat-x bottom; }
.CustomTab .ajax__tab_outer						{ background:url(../images/tab-right.gif) no-repeat right; }
.CustomTab .ajax__tab_inner						{ background:url(../images/tab-left.gif) no-repeat; }
.CustomTab .ajax__tab_tab						{ background:url(../images/tab.gif) repeat-x; }
.CustomTab .ajax__tab_hover .ajax__tab_outer	{ background:url(../images/tab-hover-right.gif) no-repeat right; }
.CustomTab .ajax__tab_hover .ajax__tab_inner	{ background:url(../images/tab-hover-left.gif) no-repeat; }
.CustomTab .ajax__tab_hover .ajax__tab_tab		{ background:url(../images/tab-hover.gif) repeat-x; }
.CustomTab .ajax__tab_active .ajax__tab_outer	{ background:url(../images/tab-active-right.gif) no-repeat right; }
.CustomTab .ajax__tab_active .ajax__tab_inner	{ background:url(../images/tab-active-left.gif) no-repeat; }
.CustomTab .ajax__tab_active .ajax__tab_tab		{ background:url(../images/tab-active.gif) repeat-x; }

.CustomTab .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:11px; }
.CustomTab .ajax__tab_outer						{ height:29px; }
.CustomTab .ajax__tab_inner						{ padding-left:3px; }
.CustomTab .ajax__tab_tab						{ padding:8px 8px;margin:0; }
.CustomTab .ajax__tab_body

.font112 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	padding: 0;
	padding-top: 5px;
	padding-left: 8px;
}

.font11 td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	padding: 0;
	padding-top: 5px;
	padding-left: 8px;
}
.stylered {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; font-weight: bold; }
.feild {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #336699;
	border-color: #80A3AE;
}
.tip {font:10px/12px
                Arial,Helvetica,sans-serif; border:solid 1px
                    #666666; width:270px; padding:5px;
                    position:absolute; z-index:100;
                    visibility:hidden; color:#333333; top:20px;
                    left:90px; background-color:#faffeb;
}
INPUT.readOnly
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	padding: 2px;
	background-color: #E2E5E7;
	border: 1px solid #336699;
	border-color: #80A3AE;
}
a.button1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/btn_small.gif);
	padding: 3px;
	height: 20px;
	width: 80px;
	display:block;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	color: #000000;
	background-repeat: no-repeat;
	background-position: top center;		
}
a:hover.button1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/btn_small_d.gif);
	padding: 3px;
	height: 20px;
	width: 80px;
	display:block;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	color: #000000;
	background-repeat: no-repeat;
	background-position: top  center;	
	
}
a.button2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/btn_bigArrow.gif);
	padding: 3px;
	height: 21px;
	width: 150px;
	display:block;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: top center;	
	color: #000000;

}
a:hover.button2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/btn_bigArrow_d.gif);
	padding: 3px;
	height: 21px;
	width: 150px;
	display:block;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: top center;	
	color: #000000;
}
a.button3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/btn_big.gif);
	padding: 3px;
	height: 22px;
	width: 150px;
	display:block;

    text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position:top center;		
	color: #000000;
	

}
a:hover.button3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/btn_big_d.gif);
	padding: 3px;

	height: 22px;
	width: 150px;
	display:block;
	text-align:center;
	text-decoration:none;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position:top center;	
	color: #000000;
}
a.btnAdd
{
	background:url('../images/btn_small.gif') left center no-repeat;
	width:80px;
	height:20px;
	display:block;
	text-align:center;
	vertical-align:middle;
	background-repeat: no-repeat;
	background-position:top center;	
	padding:3px;
}

.fonttype{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a:hover.btnAdd
{
	background:url('../images/btn_small_d.gif') left center no-repeat;
	width:80px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	background-repeat: no-repeat;
	background-position:top center;	
	padding:3px;
}
.GridHeader td, GridHeader td span
{
	background-color:#006600;
	color:White;
	font-weight:bold;
	font-size: 11px;
}
.fontDataGrid
{
	border:solid 1px #CCCCCC;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
}
.fontDataGrid td
{
	border:solid 1px #CCCCCC;
	font-size: 11px;
}
.GridItem td
{
	background-color:#FFFFFF;
	
}
A:link
{
	color: black;
	text-decoration: none;
} 
A:visited 
{
	text-decoration:none;
	color: black;
}
A img
{
	color: black;
	text-decoration: none;
	border:none
}
.style2 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #336699; 
	text-decoration: none; 
	font-weight: bold; 
}
.fonted11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	padding: 0;
	padding-top: 5px;
	padding-left: 0px;
}

.font11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	padding: 0;
	padding-top: 0px;
	padding-left: 0px;
}


 .ajax__callout div, .ajax__callout td {
	            border:solid 1px Black;background-color:#004E98;}
            	
            .ajax__callout .ajax__callout_popup_table {
	            display:none;border:none;background-color:transparent;padding:0px;}
            	
            .ajax__callout .ajax__callout_popup_table_row 
            {	vertical-align:top;height:100%;background-color:transparent;padding:0px;}

            .ajax__callout .ajax__callout_callout_cell 
            {	width:20px;height:100%;text-align:right;vertical-align:top;
	            border:none;background-color:transparent;padding:0px;}
            	
            .ajax__callout .ajax__callout_callout_table 
            {	height:100%;border:none;background-color:transparent;padding:0px;}

            .ajax__callout .ajax__callout_callout_table_row 
            {	background-color:transparent;padding:0px;}

            .ajax__callout .ajax__callout_callout_arrow_cell 
            {	padding:8px 0px 0px 0px;text-align:right;vertical-align:top;
	            font-size:1px;border:none;background-color:transparent;}
            	
            .ajax__callout .ajax__callout_callout_arrow_cell .ajax__callout_innerdiv 
            {	font-size:1px;position:relative;left:1px;border-bottom:none;
	            border-right:none;border-left:none;width:21px;background-color:transparent;
	            padding:0px;}
            	
            .ajax__callout .ajax__callout_callout_arrow_cell .ajax__callout_innerdiv div 
            {	height:1px;overflow:hidden;border-top:none;border-bottom:none;
	            border-right:none;padding:0px;margin-left:auto;}
            	
            .ajax__callout .ajax__callout_error_message_cell 
            {	font-family:Verdana;font-size:10px;padding:5px;border-right:none;
	            border-left:none;width:100%;}
            	
            .ajax__callout .ajax__callout_icon_cell 
            {	width:5px;padding:0px;border-right:none;}

            .ajax__callout .ajax__callout_close_button_cell 
            {	vertical-align:top;padding:0px;text-align:right;border-left:none;}

            .ajax__callout .ajax__callout_close_button_cell .ajax__callout_innerdiv 
            {
	            border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}

.fontimportTable{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	padding: 0;
	padding-top: 0px;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-right: 2px;
}
.button { 
width: auto;
margin-top: 0px;
text-align: center; 
overflow: hidden; 
}

.button a{
background: transparent url('../images/btn_left.jpg') no-repeat top left;
color: #ffffff;
display: block;
height: 22px;
float: left;
margin-right: 10px;
font: normal 12px Arial;
padding-left: 5px;
text-decoration: none;
}
.button a span {
background: transparent url('../images/btn_right.jpg') no-repeat top right;
color: #ffffff;
display: block;
font: normal 12px Arial;
line-height: 12px; 
padding-right: 5px;
padding-bottom:5px;
padding-top:5px;
text-decoration: none;
}
.button a:hover,  .button a.selected{
background-position: bottom left;
}
.button a:hover span, .button a.selected span{
background-position: bottom right;
}

a.today{
background: transparent url('../images/btn1_left.jpg') no-repeat bottom left;
color: #ffffff;
display: block;
height: 22px;
float: left;
margin-right: 10px;
font: normal 12px Arial;
padding-left: 5px;
text-decoration: none;
}
a.today span{
background: transparent url('../images/btn1_right.jpg') no-repeat bottom right;
color: #ffffff;
display: block;
font: normal 12px Arial;
line-height: 12px; 
padding-right: 5px;
padding-bottom:5px;
padding-top:5px;
text-decoration: none;
}
a:hover.today, .a:selected.today{
background-position: top left;
}
a:hover.today span, a:selected.today span{
background-position: top right;
}

.tab{
	width: auto;
	margin-top: 0px;
	overflow: hidden;
	float: right;
}
.tabGroup{
	width: auto;
	margin-top: 0px;
	overflow: hidden;
	float: left;
}
.tab2Group {
background: transparent url('../images/btn_tab2.jpg') no-repeat;
color: #394f64;
	width:96px;
	float: left;
	display: block;
	font: bold 10px Arial;
padding-top:5px;
vertical-align:middle;
height: 29px;
}
a.tabGroup {
	background: transparent url('../images/btn_tab1.jpg') no-repeat;
	color: #000000;
	width:96px;
	float: left;
	display: block;
	height: 23px;
	padding-top:6px;
	margin-top:5px;
	font: bold 10px Arial;
	padding-left: 0px;
	text-decoration: none;
}

a.tab {
	background: transparent url('../images/btn_tab1.jpg') no-repeat;
	color: #000000;
	width:96px;
	float: left;
	display: block;
	height: 23px;
	padding-top:6px;
	margin-top:5px;
	font: bold 14px Arial;
	padding-left: 0px;
	text-decoration: none;
}
a:hover.tab {
background: transparent url('../images/btn_tab2.jpg') no-repeat;
color: #394f64;
float: left;
	display: block;
padding-top:2px;
margin-top:0px;
height: 32px;
}
.tab2 {
background: transparent url('../images/btn_tab2.jpg') no-repeat;
color: #394f64;
	width:96px;
	float: left;
	display: block;
	font: bold 14px Arial;
padding-top:5px;
vertical-align:middle;
height: 29px;
}

.style4 {color: #FFFFFF; font-weight: bold; }
#apDiv1 {
	position:absolute;
	left:979px;
	top:158px;
	width:124px;
	height:571px;
	z-index:101;
}
.style6 {
	font-size: 16px
}

.ClsDragHandle 
{
	background-image :url('../images/drag_handle.jpg');
	background-color	:#fAf9f8;
	border				:none;
	cursor				:move;
	height				:12px;
	width				:12px;
	background-repeat	:no-repeat;
	background-position :center;	
}
.ClsCallbackStyle 
{
	border				:thin inset blue;
}
.ClsCallbackStyle table 
{
	background-color	:#5377A9;
	color				:Black;
}
.ClsReorderListContainer
{
	width: 80%;
	font-size:8pt;
}
.ClsReorderListContainer li 
{
	background-repeat	:repeat-x;	
	list-style-image	:none;
	list-style-position	:inside;
	list-style-type		:none;
	margin				:2px;
}
.ClsReorderListContainer li a 
{
	color			:#FFFFFF !important;	
}

.ClsReorderCue 
{
	border		:thin dashed black;
	height		:25px;
	width		:100%;
}
.ClsItemArea 
{
	margin-left	:0px;
	text-align:	left;
	width		: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

.reorderListDemo li {
	list-style:none;
	margin:2px;
	background-color: #edf6e3;
	background-repeat:repeat-x;
	color:#FFF;
}

.requestModal
{ 
	text-align:center;
	border:1px solid blue;
	background-color: #e6ffff; 
	visibility: hidden;
	}
.inputModal
{
	text-align: center;
	visibility: hidden;
	border:1px solid blue;
	background-color: #e6ffff; 
}
.resultSuccess
{
	text-align: center;
	visibility: hidden;
	border:1px solid blue;
	background-color: #e6ffff; 
}

/*Modal Popup*/
.requestModal
{ 
	text-align:center;
	border:1px solid blue;
	background-color: #e6ffff; 
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.modalPopupHeader
{
	cursor: move;
	background-color:#DDDDDD;
	border:solid 1px Gray;
	color:Black;
	height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:3px;
	
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.modalPopup {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	visibility: hidden;
}

