﻿.RadGridHeaderContextMenu  
  {         
      color:Black !important;  
  }  

a:link, a:visited, a:active {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #333333;
	text-decoration: underline;
}

body, textarea {
	background-color: #ffffff;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

p {
margin-top:0px;
margin-bottom:15px;
line-height:120%;
}

form {
	border: 0;
	margin: 0;
	padding: 0;
	display: inline;
}

.button_blue{
	width:auto;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding:2px 0px;
	border-top:1px #A7C9EF solid;
	border-left:1px #A7C9EF solid;
	border-right:2px #093B7A solid;
	border-bottom:2px #093B7A solid;
	background-color:#0066CB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.button_yellow{
	width:auto;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#000;
	padding:2px 0px;
	border-top:1px #A7C9EF solid;
	border-left:1px #A7C9EF solid;
	border-right:2px #093B7A solid;
	border-bottom:2px #093B7A solid;
	background-color:#FFFF00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.button{
	width:auto;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding:2px 20px;
	border-top:1px #BAC3D6 solid;
	border-left:1px #BAC3D6 solid;
	border-right:2px #223253 solid;
	border-bottom:2px #223253 solid;
	background-color:#39548A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.TodayButton{
	width:auto;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding:2px 2px;
	border-top:1px #BAC3D6 solid;
	border-left:1px #BAC3D6 solid;
	border-right:2px #223253 solid;
	border-bottom:2px #223253 solid;
	background-color:#39548A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


select { font-size:12px;}

input { font-size:12px;}

hr {
	color: #3f3f3f;
	height: 1px;
}

img {
	border: 0;
	margin:0;
	display: inline;
}

img.seperator{ 
	src: url(images/mark.gif);
}

table tr td {font-size:12px;}


table.grid tr td a:link, table.grid tr td a:visited, table.grid tr td a:active {
	text-decoration: underline;
}

table.grid tr td.rgPagerCell a:link, table.grid tr td.rgPagerCell a:visited, table.grid tr td.rgPagerCell a:active {
	text-decoration:none;
}

.input { border:1px #cccccc solid; background-color:#ffffff; font-size:11px;}

.input_fliter { border:1px #cccccc solid; background-color:#ffffff; font-size:11px; width:50px;}

.td_title {
	background:#344A7C url(images/table_title_bg.jpg) top left repeat-x;
	height:45px;
	text-align:center;
	color:#ffffff;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
}

.td_title1 {
	height:45px;
	text-align:center;
	color:#25375A;
	font-size:11px;
	background-color:#C0C8D0;
	font-weight:bold;
}

.td_trans{
	background-color:#DCE1E5;
}

#container {
	margin: 0 auto;
	width: 100%;
}

#header {
	float:left;
	width:100%;
}

.head {
	float:left;
	width:100%;
	height:79px;
	background:#344A7C url(images/header_bg.jpg) top left repeat-x;
}

.header_image {
	float:right;
	width:100%;
	height:79px;
	background: url(images/header_image.jpg) top right no-repeat;
}

.logo{
        float: left; 
		width:472px;
		height:35px;
		padding:29px 0px 0px 32px;
}

.menu {
	float:left;
	width:100%;
	height:34px;
	line-height:34px;
	background:#344A7C url(images/menu_bg.jpg) top left repeat-x;
}

.menu_left {
	float:left;
}

.menu_right {
	float:right;
	text-align:right;
	padding-right:20px;
	font-size:12px;
	color:#fff;
}

.menu_right a:link, .menu_right a:visited, .menu_right a:active {
	color: #fff;
	text-decoration: none;
}

.menu_right a:hover {
	color: #fff;
	text-decoration: underline;
}

.position {
	float:left;
	width:100%;
	height:30px;
	line-height:30px;
	border-bottom:1px #cccccc solid;
	background-color:#dddddd;
	font-size:12px;
	font-weight:bold;
	color:#25375A;
}

.position .mark {
	color:#0066cc;
	font-family:Webdings;
	padding:0px 3px;
}

.position .current {
	color:#0066cc;
}

#content {
	float: left;
	width:100%;
	height:auto;
	background:#fafafa url(images/content_bg.jpg) bottom left repeat-x;
}

#content .main {
	width:100%;
	height:auto!important;
	min-height:390px;
	padding-bottom:20px;
	background: url(images/footer_nav.jpg) center bottom no-repeat;
}

#footer {
	float:left;
	width:100%;
	height:60px;
	line-height:60px;
	background:#6E6D6D url(images/footer_bg.jpg) left top repeat-x;
	text-align:center;
	color:#cccccc;
	font-size:10px;
}

/*----------Index---------*/
.head_line{
        font-size:16px;
		font-weight:bold;
		color:#25375A;
		padding:20px 0px 20px 32px ;
}

.head_line_index{
        font-size:16px;
		font-weight:bold;
		color:#25375A;
		padding:30px 0px 30px 130px ;
}

.body_index{
        font-size:11px;
		padding:0px 130px 20px 130px ;
}

.body_index p {
margin-top:0px;
margin-bottom:15px;
line-height:150%;
}

#main_table {
	float:left;
	width:1000px;
}

.table_left {
	float:left;
	width:auto;
	height:auto;
	margin-left:10px;
	background:#2D426D url(images/tr_left_down.jpg) left bottom no-repeat;
}
.table_right{
	float:left;
	width:auto;
	height:auto;
	background:url(images/tr_right_down.jpg) right bottom no-repeat;
} 
.table_right .col_left {
	float:left;
	width:6px;
	height:100%;
	text-align:left;
}

.table_right .col_mid {
	float:left;
	width:auto;
	padding:0px 2px;
	background-color:#F4F4F4;
	border-bottom:1px #2D426D solid;
}

.table_right .col_right {
	float:left;
	width:6px;
	height:100%;
	text-align:right;
}

.link { padding: 0px 0px 0px 20px; }

.show_filter {font-size:12px; height:25px; color:#333333; font-weight:bold; padding-left:20px;}

.clear { clear:both;}

.page {
	float:left;
	width:100%;
	padding:8px 0px;
}

.page_left {
	float:left;
	padding-left:20px;
	font-size:11px;
	color:#39548A;
}

.page_right {
	float:right;
	padding-right:20px;
	text-align:right;
	font-size:11px;
}

.page_right a:link, .page_right a:visited, .page_right a:active {
	color: #39548A;
	text-decoration: none;
}

.page_right a:hover {
	color: #39548A;
	text-decoration: none;
}

.page_right .mark {
	color:#39548A;
	font-family:Webdings;
	padding:0px 3px;
	font-size:14px;
}

.page_right .current {
	color:#39548A;
	font-weight:bold;
	text-decoration:underline;
}

.save_fliter {
	float:left;
	color:#333333;
	padding: 0px 0px 10px 20px;
}

.table_add {
	padding:0px 32px 10px 32px;
}

.table_add table tr td 
{
	height:20px;
}

.detail_grid table tr td 
{
	height:15px;
}

.table_form {
	float:left;
	width:420px;
}

.row {
	width:100%;
	padding-bottom:10px;
}

.row_col1 {
	width:auto;
	min-width:100px;
	text-align:right;
	font-size:12px;
	padding-right:5px;
	white-space:nowrap;
}

.row_col1_required {
	width:auto;
	color:Red;
	min-width:100px;
	text-align:right;
	font-size:12px;
	padding-right:5px;
	white-space:nowrap;
}

.row_col2 
{
	width:auto;
	text-align:left;
	padding-right:5px;
	white-space:nowrap;
}

.row_col2  select{
	width:215px;
	border:1px #cccccc solid;
}

.row_col2  input, .row_col2  textarea{
	width:210px;
	border:1px #cccccc solid;
}

.row_col3 {
	float:left;
	width:110px;
}

.row_col3  input{
	width:100px;
	border:1px #cccccc solid;
}

#login_container {
	position: absolute; 
	left: 50%; 
	top: 50%; 
	margin-left: -150px; 
	margin-top: -150px; 
	border:0;
}

#login_form {
	background-color: #FFFFFF; 
	border: 1px solid #314774; 
	width: 300px;
}

.login_title{
	float:left;
	width:100%;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	background:url(images/login_title_bg.jpg) top left repeat-x;
} 

.login_body{
	float:left;
	width:220px;
	padding:30px 40px;
} 

.login_button {
	width:100%;
	text-align:right;
	padding:5px 0px 15px;
}
.login_button  input{
	width:95px;
}

.login_logo {
	width:100%;
	text-align:center;
}

.login_row {
	float:left;
	width:100%;
	padding-bottom:10px;
}

.login_row input {
	width:216px;
	border:1px #cccccc solid;
}

.PagerLeft{
	float:left;
}

.PagerRight{
	float:right;
}

.PagerButton{
	 padding: 1px;
	 cursor: pointer;
	 border: 0px;
}

.PagerButton:hover{
	border: 1px solid #9EB6CE;
}

.warning, .required{
	color:Red;
}


 /* menu styling */
 /* Set up the default font and ovrall size to include image */
/* style the outer div to give it width */
.menu_nav {font-size:11px; width:100%;}

/* remove all the bullets, borders and padding from the default list styling */
.menu_nav ul {padding:0;margin:0;list-style-type:none; height:34px; background:transparent;}

/* style the sub-level lists */
.menu_nav ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu_nav positon */
.menu_nav ul li {float:left;height:34px;line-height:34px; display:block;}

/* style the sub level list items */
.menu_nav ul ul li {display:block;width:150px;height:auto; line-height:34px;}

/* style the links for the top level */
.menu_nav a, .menu_nav a:visited {display:block;float:left;height:100%; font-size:1em;text-decoration:none;color:#fff;background:#949e7c url(images/menu_bg.jpg) center center; padding:0 32px; border-left:0px solid #eee; border-right:0px solid #000;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu_nav a, * html .menu_nav a:visited {width:150px; width:7em;}

/* style the sub level links */
.menu_nav ul ul a, .menu_nav ul ul a:visited {display:block;background:#4B67A0 url(images/sub_nav.jpg) left bottom repeat-x; color:#fff;width:165px;height:100%;line-height:21px; border-bottom:1px solid #8C9FC8;}
* html .menu_nav ul ul a, * html .menu_nav ul ul a:visited  {width:150px; width:150px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu_nav table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu_nav ul ul ul a, .menu_nav ul ul ul a:visited {background:#EBEBEB url(images/sub1_nav.jpg) center bottom repeat-x; color:#25375A;}
/* style the fourth level background */
.menu_nav ul ul ul ul a, .menu_nav ul ul ul ul a:visited { background-color:#4B67A0;}
/* style the sub level 1 background */
.menu_nav ul :hover a.sub1 {background:#4B67A0 url(images/sub_nav_link.jpg) center bottom no-repeat;}
/* style the sub level 2 background */
.menu_nav ul ul :hover a.sub2 {background:#4B67A0 url(images/sub_nav_link.jpg) center bottom no-repeat;}

/* style the level hovers */
/* first */
* html .menu_nav a:hover {color:#ff0;background:#8C9FC8 url(images/menu_hover_bg.jpg) center center; position:relative; z-index:100;}
.menu_nav li:hover {position:relative;}
.menu_nav :hover > a {color:#ff0;background:#d4d8bd url(images/menu_hover_bg.jpg) center center; font-size:11px; font-weight:bold;text-decoration: underline !important;}
/* second */
* html .menu_nav ul ul a:hover{color:#ff0;background:#5573B0; position:relative; z-index:110;}
.menu_nav ul ul li:hover {position:relative;}
.menu_nav ul ul :hover > a {color:#ff0;background:#5573B0;}
/* third */
* html .menu_nav ul ul ul a:hover {background:#EBEBEB; position:relative; z-index:120;}
.menu_nav ul ul ul :hover > a {background:#4B67A0;color:#ff0;}
/* fourth */
.menu_nav ul ul ul ul a:hover {background:#EBEBEB; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu_nav ul ul {visibility:hidden;position:absolute;height:0;top:3em; left:0; width:14em;}

/* position the third level flyout menu_nav */
.menu_nav ul ul ul{left:12em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
.menu_nav ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu_nav ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu_nav ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu_nav ul :hover ul :hover ul{visibility:visible; left:195px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu_nav ul :hover ul :hover ul :hover ul {visibility:visible;}

.big_title { font-size:12px !important; font-weight:bold !important;}

/*----------Menu---------*/
.info_menu { float:left; padding-top:50px; width:100%;} 
.info_menu ul { height:15px; color:#000; margin:0; padding:0;} 
.info_menu li { list-style:none; color:#fff; font-size:10px; width:135px; line-height:15px; padding-bottom:10px;}
.info_menu li a, .info_menu li a:link, .info_menu li a:visited { display:block; font-size:10px; font-weight:bold; color:#fff; text-align:center; text-decoration:none; height:15px; background:url(images/left_menu.jpg) repeat-x;}  
.info_menu li a:hover { color:#FFF; text-decoration:none; background:  url(images/left_menu.jpg) repeat-x 0 -15px;}
.nav_leaf
{
	color:#0066CC !important;
}
.nav_branch
{

	font-size:14px !important;
	font-weight:bold;
}

.nav_leaf, .nav_branch
{
	line-height:20px;
	list-style-position:outside;
}

.nav_title
{
	background-image:url(images/title_line_bg.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	height:auto;
	width:100%;
	font-size:16px !important;
	font-weight:bold;
	padding:10px 0 10px 0;
}

.nav_container
{
	padding: 15px 15px 0 15px;
}
div.thincontainer {
	background:#FFFFFF none repeat scroll 0 0;
	max-width:1280px;
	min-width:600px;
	padding:0;
	text-align:left;
}
div.quote {
	background-color:#FFFFFF;
	border-color:#BBBBBB;
	border-style:none solid;
	border-width:0 1px;
	overflow:hidden;
	padding:20px 20px 0;
}
div.title {
	background:#EEEEEE url(images/quote.gif) no-repeat scroll left bottom;
	min-height:20px;
	padding:10px 20px 20px;
	position:relative;
}
div.bottomquote {
	background:#FFFFFF url(images/bottomquote.gif) no-repeat scroll left bottom;
	height:14px;
}

div.bottomquote div.i {
	background:transparent url(images/bottomquote_right.gif) no-repeat scroll right bottom;
	height:14px;
}
.report_header 
{
	font-size:24px !important;
	font-weight:bold;
}
.ReceiptTraveler_col1
{	width:80px;
}
.ReceiptTraveler_col2
{	width:332px;
}
.ReceiptTraveler_col3
{	width:200px;
}

table.lookup 
{
	border:0 !important;
}

table.lookup tr td
{
	border:0 !important;
	padding:0 !important;
}

div#reportContainer
{
	padding: 5px 40px 0;
}
div#reportContainer div#messager,div#reportContainer div#parameters
{
	 padding: 0 0 3px;
}

div#reportContainer div#viewer
{
	background-color: #ffffff;
}

div#reportContainer div#viewer .reportViewer
{
	width:100% !important;
}

/*----------RadGrid Editing like Exel styles---------*/
div[special=Excel] .RadGrid
{
    border: none !important;
}
div[special=Excel] .RadGrid:active,div[special=Excel] .RadGrid:focus
{
    outline-style: none !important;
    -moz-outline-style: none !important;
}
div[special=Excel] .rgEditRow
{
    background: none !important;
}
div[special=Excel] .rgRow td,div[special=Excel] .rgAltRow td,div[special=Excel] .rgEditRow td
{
    border: 1px solid #CFD9E7 !important;
    padding-left: 0 !important;
    padding-right: 2px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
div[special=Excel] .rgRow .singleSelect,div[special=Excel] .rgAltRow .singleSelect,
div[special=Excel] .rgEditRow .singleSelect,div[special=Excel] .rgRow .doubleSelect,
div[special=Excel] .rgAltRow .doubleSelect,div[special=Excel] .rgEditRow .doubleSelect
{
    border: 1px solid #01144E !important;
}

div[special=Excel] .rgRow .doubleSelect,div[special=Excel] .rgAltRow .doubleSelect,div[special=Excel] .rgEditRow .doubleSelect
{
    background: #CDFFB1 !important;
}
div[special=Excel] .rgRow input,div[special=Excel] .rgAltRow input,div[special=Excel] .rgEditRow input
{
    background: none transparent;
    width: 100%;
    height: 100%;
    border: 0;
}

.busy
{
    cursor: wait !important;
}

.tblAuditHistory
{ 
    background: url(images/book.jpg) center right no-repeat; 
}

.upload_box
{
    text-align: center;
}
.tdUpload
{
    display:none;
    height: 80px;
    border-top: solid 1px #ddd;
}
.btnsUpload
{
    margin-top: 15px;
}
.white-font
{
    color: White !important;
    text-decoration: none !important;
}