/* =============================================================================

	styles.css
	Author: Brijesh Bhattacharya
	For: OSSS Upload Request
	Created: September 16, 2010
	
============================================================================= */

body {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

/*---------------------------------------------------------------------------------------
            General Styles
---------------------------------------------------------------------------------------*/
* {
	padding:0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

/*---------------------------------------------------------------------------------------
    page wrapper
---------------------------------------------------------------------------------------*/

div#appwrap { 
	width: 939px;
	margin: 80px auto 0 auto; 
	background:#fff url(../images/wrap.gif) repeat-y;
}
/*---------------------------------------------------------------------------------------
       Header
---------------------------------------------------------------------------------------*/

#header-wrap{
	margin: 0 auto 0 auto;
	width: 939px;
	height: 34px; 
	background: url(../images/header.gif) no-repeat;

}

div#header-wrap h1 {
	color: #5185c3; font-size:16px; padding:10px 0 0 0; text-transform: capitalize; 
}

#header-wrap .logo, #header-wrap .logo a{margin:4px 10px 0 4px; width:200px; position:absolute; text-decoration:none;}
#header-wrap .logo img{border-style:none;}


#bottom-wrap{
	margin: 0 auto 0 auto;
	width: 939px;
	height: 9px; 
	background: #fff url(../images/bottom.gif) no-repeat;

	/*	
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efede0));
	background: -moz-linear-gradient(top,  #ffffff, #eeeeee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
	-webkit-border-radius: .4em .4em 0 0; 
	-moz-border-radius: .4em .4em 0 0;
	border-radius: .4em .4em 0 0; border-bottom:1px solid #999999; */
}

/* user-menu (Welcome, Logout) */
 #user-menu {
 	float:right; margin:12px 10px 0 0;
	font: normal 11px Arial, Sans-serif;
	color: #73787a;
 }
  #user-menu p {
	color: #999;
 }
   #user-menu a {
	color: #3081b7; text-decoration:none; 
 }
   #user-menu a:hover {
	color:#000000;text-decoration:underline; 	
 }
  #user-menu.name {
	color: #3081b7; text-decoration:none; font-weight:bold;	
 }
   #user-menu a.name:hover {
	text-decoration:underline;	
 }
 
 
/* help icon */
 .user-help { 	
	background: transparent;
    padding:8px 15px 0 0;
 }

.user-help a.more,
.user-help a.more:visited
{
	float:right; visibility:visible;
	clear:both;
	width: 16px;
	height: 16px;
	background: transparent url(../images/help.gif) no-repeat left top;
}
.user-help a.more:hover
{
background-position: 0 -18px;
}
/*---------------------------------------------------------------------------------------
           Navigation
---------------------------------------------------------------------------------------*/

#nav { 
	text-align:center; 
	margin-left:0px;
	width: 935px; height:43px; margin:0px auto 0 auto;
	background: transparent url(../images/nav.gif);
}

#nav li {
	float: left;
	list-style: none ;	
	line-height:25px;
}

#nav ul { 
	float:left; 
	margin-left:5px; 
	padding:2px 0px 0px 4px;
}

#nav li { 
	float:left; 
	list-style-type:none; 
	margin:0px 4px 0px 5px; 
	padding:0px; 
	overflow:hidden; 
	line-height:7px; 
}

#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a { 
	text-decoration:none;
}

#nav ul li.current_page_item a:hover { 
	text-decoration:none;
}

#nav ul li a { 
	font-size:12px; font-weight:bold; text-transform:capitalize;
	text-decoration:none; font-family:Arial, Helvetica, sans-serif;
	display:block;  
	padding:9px 10px 8px 5px; 
	margin:0px 0px 0px 5px;
	color:#deeffc;
}

#nav ul li a:hover { 
	text-decoration:none;
	color:#fff; !important;
}

#nav ul li:hover, #nav ul li.hover, #nav ul li.active { 
	background: url(../images/menu_button.jpg) top left no-repeat; 
}

#nav ul li:hover a, #nav ul li.hover a, #nav ul li.active a { 
	 background: url(../images/menu_button.jpg) top right no-repeat; 

}
/*---------------------------------------------------------------------------------------
    Main Navigation Wrap
---------------------------------------------------------------------------------------*/

#main-nav {
	width: 920px;
	height:38px;
	background:url(../images/nav.gif);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 19px;
	padding-top: 5px;
}



#main-nav text {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

#main-nav .nav {padding:5px 5px 0 5px; font: bold 12px Arial; vertical-align:middle; height:20px;}

#main-nav a{color:#ffffff; text-decoration:none; padding-top:5px;}
#main-nav a:hover{color:#FF9933;}

/* Navigation menu Items*/
.navigation{
margin: 0;
padding: 0;
float: left; width:900px;
font: bold 11px Arial;
background: transparent url(images/bg.gif) center center repeat-x;
}

.navigation li{
display: inline;
}

.navigation li a{
float: left;
color: #fff;
padding: 7px 12px 7px 12px;
text-decoration: none;
background:url(../images/div.gif) right bottom no-repeat;
}


.navigation li a:hover, .navigation li .current{
color: #666; background-color:#eee;
}
/*---------------------------------------------------------------------------------------
           Content Section
---------------------------------------------------------------------------------------*/


div#apppage {
	width:910px;min-height:400px; padding:0 5px 10px 5px; 
	color:#000; margin:0 auto 5px auto; overflow:auto; 
     
}
div#apppage h1 {
	font: bold 14px Arial, Sans-serif;
	color: #666; text-transform:uppercase;
	padding: 0 0 5px 0; display:block; border-bottom:1px solid #ccc;
	margin-bottom:6px;

}
div#apppage h2 {
	font: bold 0.9em Arial, Sans-serif;
	color: #666666;margin: 15px 0 10px 0;
	padding: 4px 0 2px 0;display:block;	 			
}

div#apppage p, div#apppage .left, div#apppage .right { 
	font-family: arial, sans-serif; font-size: 12px;
	color: #666; 
	padding:4px 0 4px 0; margin:0;
}
div#apppage ul li.list {
	margin:0 0 4px 10px; font-size:1.4em;
}
.small { font-size:80%; 
         color:#777; 
         float:right; 
         background:#fdfddd; 
         padding:2px 10px 2px 25px;
         background:#fdfddd url("../images/ico-info.gif") 5px 50% no-repeat;}
         
/*---------------------------------------------------------------------------------------
              Invoice Top right Links
---------------------------------------------------------------------------------------*/

.link-box {
	float:right;
	height:20px; display: inline-block;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
	background: -moz-linear-gradient(top,  #ffffff, #e1e2e2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
	border: solid 1px #a3a3a3; 
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
}
.link-box li {
	color: #999;  font:bold 11px arial; display:inline; line-height:20px;
}


.link-box a {
	color: #999;  padding:0 10px 0 10px; font:bold 11px arial; border-right:1px solid #ccc; text-decoration:none;
}
.link-box a:hover, .link-box a.hover{
	color: #666666;
}

.link-box a.last{border-style:none;}


/*---------------------------------------------------------------------------------------
             Login Page
---------------------------------------------------------------------------------------*/
#loginbox{
	margin: 20px auto 0 auto;
	width: 372px; /* - padding */
	height: 217px; /* - padding */
	background:#fff url(../images/login.gif) repeat-x center center; 
/*	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f6f8));
	background: -moz-linear-gradient(top,  #ffffff, #f1f6f8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f6f8');
	border: solid 1px #ccc;
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
}




/*---------------------------------------------------------------------------------------
            Table Style - Regular without border
---------------------------------------------------------------------------------------*/


#apppage table {margin:4px 0 4px 0; border-collapse:collapse; font: 12px arial;
}
#apppage table.width100 {width:100%;}
#apppage table th.head { font-size:120%; font-weight:bold; color:#ffffff; height:20px; border-bottom:1px solid #666;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ecf1fc));
background: -moz-linear-gradient(top,  #ffffff, #ecf1fc);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2c1cc', endColorstr='#90a4b3');
}
#apppage table tr.bg {background:#e7ebed;}
#apppage table.center {margin:0 auto 0 auto;}
#apppage table.right { float:right;}
#apppage table th, #apppage table td {padding:4px 4px;}
#apppage table th{text-align:left; color:#000; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize;}
#apppage table td.right {text-align:right;}
#apppage table td.center {text-align:center; margin:0 auto 0 auto;}
#apppage table.request {border:1px solid #999999;}

/*---------------------------------------------------------------------------------------
            Table Style - Regular without border
---------------------------------------------------------------------------------------*/
#loginbox table {border-collapse:collapse; font: normal 12px arial;margin:50px auto 0 auto;
}
#loginbox table.width100 {width:100%;}


#loginbox table.center {margin:50px auto 0 auto;}
#loginbox table.right { float:right;}
#loginbox table th, #loginbox table td {padding:8px 8px;}
#loginbox table th {text-align:left; vertical-align:middle; }
#loginbox table a:hover{ color:#000000;}
#loginbox table th.right {text-align:right; color:#666666;}
#loginbox table td.right {text-align:right;}
#loginbox table td.hgt {height:30px; background:#ccc;}
#loginbox table td.center {text-align:center; margin:0 auto 0 auto;}
#loginbox table td.loginreqd {color:#f86b34; font-weight:bold; font-size:150%; width:10px;}


div#coverblue 
{
	/* background:#edf3fb;  */
	 background:#eef2f4;
	margin:20px auto 10px auto; 
	border:0px solid #cad0d9;
	width:900px; padding:5px; 
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;}
div#rcoverblue 
{
	/* background:#edf3fb;  */
	 background:#eef2f4;
	margin:20px auto 10px auto; 
	border:0px solid #cad0d9;
	width:880px; padding:5px; 
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;}
	
	
/*---------------------------------------------------------------------------------------
            Table Style - Regular without border
---------------------------------------------------------------------------------------*/


#rcoverblue table {margin:4px 0 4px 0; border-collapse:collapse; font: 12px arial;
}
#rcoverblue table.width100 {width:100%;}
#rcoverblue table th.head { font-size:120%; font-weight:bold; color:#ffffff; height:20px; border-bottom:1px solid #666;
background: -webkit-gradient(linear, left top, left bottom, from(#b2c1cc), to(#90a4b3));
background: -moz-linear-gradient(top,  #b2c1cc, #90a4b3);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2c1cc', endColorstr='#90a4b3');
}
#rcoverblue table tr.bg {background:#fff;}
#rcoverblue table.center {margin:0 auto 0 auto;}
#rcoverblue table.right { float:right;}
#rcoverblue table th, #rcoverblue table td {padding:4px 4px;}
#rcoverblue table th{text-align:left; color:#000; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize;}
#rcoverblue table td.right {text-align:right;}
#rcoverblue table td.center {text-align:center; margin:0 auto 0 auto;}
#rcoverblue table.request {border:1px solid #8da1b0;}


.head { font-size:120%; font-weight:bold; color:#ffffff; height:20px; border-bottom:1px solid #666; background:#90a4b3;
background: -webkit-gradient(linear, left top, left bottom, from(#b2c1cc), to(#90a4b3));
background: -moz-linear-gradient(top,  #b2c1cc, #90a4b3);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2c1cc', endColorstr='#90a4b3');
}
/*---------------------------------------------------------------------------------------
            Table Style - Regular without border
---------------------------------------------------------------------------------------*/


#coverblue table {margin:4px 0 4px 0; border-collapse:collapse; font: 12px arial;
}
#coverblue table.width100 {width:100%;}
#coverblue table th.head { font-size:120%; font-weight:bold; color:#ffffff; height:20px; border-bottom:1px solid #666;
background: -webkit-gradient(linear, left top, left bottom, from(#b2c1cc), to(#90a4b3));
background: -moz-linear-gradient(top,  #b2c1cc, #90a4b3);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2c1cc', endColorstr='#90a4b3');
}
#coverblue table tr.bg {background:#fff;}
#coverblue table.center {margin:0 auto 0 auto;}
#coverblue table.right { float:right;}
#coverblue table th, #coverblue table td {padding:4px 4px;}
#coverblue table th{text-align:left; color:#000; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize;}
#coverblue table td.right {text-align:right;}
#coverblue table td.center {text-align:center; margin:0 auto 0 auto;}
#coverblue table.request {border:1px solid #8da1b0;}
/*---------------------------------------------------------------------------------------
           Login-Error Alert Message
---------------------------------------------------------------------------------------*/
#login-error { height:30px; padding:5px; margin:0 auto 0 auto; width:400px; text-align:center;}

.msg{padding:5px; padding-left:25px; font-weight:bold;}

/*warning */
.msg.warning {background:url("../images/ico-alert1.gif") 5px 50% no-repeat;}
.msg.warning {border:1px solid #fdd845;background-color:#fff6bf; color:#666;
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em; }
	
/*success */
.msg.success {background:url("../images/ico-success.gif") 5px 50% no-repeat;}
.msg.success {border:1px solid #59c715;background-color:#e0face; color:#666;
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em; }


/*---------------------------------------------------------------------------------------
            Table Style - Grid
---------------------------------------------------------------------------------------*/








/*----------------------------------------------------------------------------------------------------------
Form Elements
---------------------------------------------------------------------------------------------------------- */


input.file, textarea.textarea, select.select{
	color:#333;
	margin:0;
}
textarea.textarea, select.select{
	border-top:1px solid #636363;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #d3d3d3;
}

input.checkbox, input.radio{
	display:block;
	width:16px;
	height:15px; display:inline; 
	background:#eeeeee;
}

input.text {
	color:#333333;
	margin:0;
	padding:2px 2px 2px 5px; 
	border-top:1px solid #636363;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #d3d3d3;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff));
	background: -moz-linear-gradient(top,  #f2f2f2, #ffffff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff');
	-webkit-border-radius: .2em .2em .2em .2em; 
	-moz-border-radius: .2em .2em .2em .2em;
	border-radius: .2em .2em .2em .2em;
			}	
			


					
input.blur {
				color: #999;
			}
input.text:focus{
		border-top:1px solid #636363;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #d3d3d3;background:#fff;
			}
			
		
input.fix {
	width:166px;
			}
			
			/*---------------------------------------------------------------------------------------
           .NET Image Button Control
---------------------------------------------------------------------------------------*/
a.imgbutton {
background: transparent url('../images/but-a.gif') no-repeat scroll top right; display:inline-block;
float: left;
font: bold 12px arial, sans-serif;
height: 22px;
margin: 2px;
padding-right: 6px; /* sliding doors padding */
text-decoration: none;
}

a.imgbutton span {

background: transparent url('../images/span-but.gif') no-repeat;
display: block;
line-height: 13px;
padding: 4px 3px 5px 10px;
} 

a.imgbutton:link, a.imgbutton:visited{
color:#666;
text-decoration:none;
}
a.imgbutton:hover{
color:#666; background-position: bottom right;
}

a.imgbutton:hover span{ /* Hover state CSS */
background-position: bottom left;
color: #666;
}
/*---------------------------------------------------------------------------------------
            Image Button alignment
---------------------------------------------------------------------------------------*/
.imgbutton-center {margin:0 auto 0 auto;}

.imgbutton-right {float:right;}
.imgbutton-left {float:left;}

/*----------------------------------------------------------------------------------------------------------
Buttons
---------------------------------------------------------------------------------------------------------- */
/* standard common button styles */
.button{
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.medium {
	font-size: 12px;
	padding: .4em 1.2em .42em;
}
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.smallbut {
	font-size: 11px;
	padding: .2em 1em .275em;
}
.mvcenter{ text-align:center; margin:0 auto 0 auto; width:100px;}

/* color - white */
.white {
	color: #666;
	border: solid 1px #9d9d9d;
	background:url(../images/butbg.gif) repeat-x center left; 
}
.white:hover {
	background:url(../images/butbg1.gif) repeat-x center left; 
	border: solid 1px #888888;color: #666666;
}

.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6ebee), to(#fff));
	background: -moz-linear-gradient(top,  #e6ebee,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ebee', endColorstr='#ffffff');
}

.btn-login {background:url(../images/btn-login.gif) no-repeat right center;color: #666666;
	border: solid 1px #aeb9c1;}
.btn-login:hover {background:url(../images/btn-login-ho.gif) no-repeat right center;color: #666666;
	border: solid 1px #86a2b7;}
.icon-right{ padding-right:34px;}

/*---------------------------------------------------------------------------------------
CLASSES for Datagrid control
---------------------------------------------------------------------------------------*/
.mygrid {margin:5px auto 5px auto; font: normal 12px Arial, Helvetica, sans-serif;border:1px solid #666;}

.grid-heads td{padding:4px 4px;}

.grid-heads td {
border-right:1px solid #666; 
color:#666;font: bold 12px Arial;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
background: -moz-linear-gradient(top,  #ffffff, #e1e2e2);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
border: solid 1px #a3a3a3;
}


.approve td{text-align:center;}
.alt-color td{background: #f3f3f3; padding:4px 4px;}
.items td {padding:4px 4px;}	

.checkall{ text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
background: -moz-linear-gradient(top,  #ffffff, #e1e2e2);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
}

.txtcheckall {width:150px; background:#ffefdd;}

.pager {
background: #ffefdd; line-height:20px; border-top:1px solid #666666; padding:15px; 
}	
.pager a{ background:#fff; color:#0066CC; font-weight:bold; padding:4px; border:1px solid #999;}

/*---------------------------------------------------------------------------------------
New CLASSES 
---------------------------------------------------------------------------------------*/

.blue-row {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9ba8c6;
	display: block;
}

.button-new-old {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #5185c3;
	margin: 1px;
	padding: 3px;
	height: auto;
	width: auto;
	border: 1px solid #636a7d;
	font-weight: bold;
	letter-spacing: 0.04em;
}

.button-new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	background-color: #f4f5f4;
	margin: 1px;
	padding: 3px;
	height: auto;
	width: auto;
	border: 1px solid #555555;
	font-weight: bold;
	letter-spacing: 0.04em;
	font-weight:bold;
}

.regulartext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

.mySourceList { font-weight:normal;font-size:12px;font-family:arial;color: #003366; }
.myDestinList { font-weight:normal;font-size:12px;font-family:arial;color:maroon;  }
.myLBL_Title  { font:bold 11pt Arial;color:#003366; }