﻿/* CSS Document */

/* New Section for Master */
/* Page */
#PageContainer
{
	width:1020px;
}
/* Header */
div#header
{
	background-image: url(/images/head-bg.jpg);	
	background-position: right top;
	background-repeat: no-repeat;
	float:left;
	width: 100%;
	margin: 0 auto;
}
div#logo
{
	width:165px;
	float: left;
	text-align: left;
}
div#logo .logo{
	width:165px;
	height:64px;
}
div#tagline
{
	text-align: right;
	width:787px;
	float:right;
	vertical-align: bottom;
	margin-right: 20px;	
}
div#tagline h1
{
	font-size: 1.9em;
}

.line-bg
{
	/*background-image: url(../images/line-bg.gif);
	height: 3px;
	background-color:black;	*/
	border-bottom:solid 2px black;
}
/* End Header */

div#line{
	background-image:url(/images/line-bg.gif); background-repeat:repeat-x;
	background-position:top left;	
	height:7px;
	clear: both;
}

/* Main form section*/
div#mainform
{
	width: 100%;	
}



/* End New Section for Master */

 
 * {
	margin: 0;
	padding: 0;
}
body{
font-family: Arial,Tahoma,Trebuchet MS, Arial, Helvetica, sans-serif; font-size:70%;
}

a:hover{
text-decoration:none;
}
.logo 
{
float: left;
width:250px;
height:64px;
}

/*login page*/
.login{ border-collapse:collapse; border:5px solid #03224E; width:520px; margin:50px auto; }
.login .td{ border-collapse:collapse; border-top:5px solid #03224E; text-align:center; padding:50px 0; }
.logintable{ margin:0 auto;}
.login .header-bg
{
	text-align: right; 
	vertical-align:bottom;
	padding-right:10px; 
	padding-bottom:10px;
	font-size:1.9em;
	width:265px;
	float:right;        	
    height:54px;
    border-bottom: solid 5px #7491a6;
}
.login .logo
{    
    float: left;
    width:245px;
    height:64px;
}

/*main page*/
.headercontainer{
border-collapse:collapse; width:100%;
border-bottom:solid 2px black;
}

.headercontainer .line-bg
{
	background-image:url(/images/line-bg.gif); 
	background-repeat:repeat-x;
	background-position:top left;
	height:7px;
}

.headercontainer .header-bg
{
	background-image: url(images/head-bg.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	vertical-align: bottom;
	padding-right: 100px;
	padding-bottom: 5px;
	font-size: 1.9em;
	width: 787px;
	
	text-align:right;

}

.header{
	border-collapse:collapse;
	width:100%; 
}

.header .header-bg
{
	/*background-image: url(/images/head-bg.gif);*/
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: bottom;
	padding-right: 100px;
	padding-bottom: 36px;
	font-size: 1.9em;
	/*width: 300px;*/
	float: right;
	text-align:right;
}

.header .header-bg span
{
   
	 
}
.header .line-bg{
	background-image:url(/images/line-bg.gif); background-repeat:repeat-x;
	background-position:top left;
	height:7px;
}
/*Menu Bar
-----------------------------------------------*/
div#menubar
{
	width:100%;	
	border-bottom:solid 2px black;
}
/*Welcome
--------------------------------------------*/
#welcomeuser
{
	/*border-color: rgb(168, 168, 168);
	border-style: solid;
	border-width: 1px;
	height: 26px;
	font-size:1.9em;*/
	display: inline-block;	
	font-family:Arial;
	font-weight:bold;
	
}
/*Sign Out Button
-------------------------------------------*/
#btnSignOut
{
	background:#F5F2E8;
	border-style: solid;
	border-width: 1px;
	height: 26px;
	cursor:pointer;
}

/*Menu items
-----------------------------------------*/

.menu{
background-image:url(/images/menu-bg.gif); background-repeat:repeat-x;
height:27px;font-size:1.2em;
width:100%; border-collapse:collapse;
}
.signout{
float:right; width:auto;
}
#hmenu ul{
width: auto;
padding: 0px; margin: 0px; 
}
#hmenu ul li{
display: inline;
}
#hmenu ul li a{
background:url(/images/menu-bg.gif) repeat-x;
line-height:27px; padding:0px 20px;
text-decoration: none;
float: left;
border-right:solid 1px #000000;
}
#hmenu ul li a:hover{
background:url(/images/menu-bg-o.gif) repeat-x;
}
#hmenu ul li a.selected{
background:url(/images/menu-bg-o.gif) repeat-x;
border-right:solid 1px #000000;
}
#hmenu ul li a.signout { 
background:url(/images/menu-bg-o.gif) repeat-x;
text-decoration: none;
}
#hmenu ul li a.signout:hover{ 
background:url(/images/menu-bg-o.gif) repeat-x;
}

.box{
width:100%; border-collapse:collapse;
}
.box .checkcoupon{
background-image:url(/images/arrow-bg.gif); 
background-repeat:no-repeat; background-position:right top;
height:46px; text-align:center;
padding:0px 20px; font-size:1.4em;
}
.box .checkcoupon input{
margin-right:10px; 
}
.box .search{
height:46px; text-align:center;
padding:0px 50px; font-size:1.4em;
}
.box .search {
border-top:solid 2px #FFFFFF;
border-bottom:solid 2px #080B0D;
border-left:solid 2px #697890;
border-right:solid 2px #080B0D;
padding:1px 5px;
margin:0px 10px;
}

/*container*/
.container{ padding:10px; height:400px;
vertical-align:top;
}
.subheading{
border-bottom:solid 2px #CE0000;
padding:2px; margin-bottom:10px;
text-align:left; font-size:1.5em;
}

/*footer*/
.footer {
padding:5px; text-align:center;
color:#000000; font-size:1.0em;
border-top:solid 1px #7F7F7F;
}

.button
{
border-top:solid 2px #FFFFFF;
border-bottom:solid 2px #080B0D;
border-left:solid 2px #697890;
border-right:solid 2px #080B0D;
padding:1px 5px;
margin:0px 10px;
}

.input{
width:150px;
float:left;
width: 168px;
}
.SearchPanel
{
	width: 100%;
	color: white;
	margin-top: 5px;
	margin-bottom : 3px;
	height:30px;
}

.Section
{
	border-right: #a8a8a8 thin solid;
	border-top: #a8a8a8 thin solid;
	border-left: #a8a8a8 thin solid;
	border-bottom: #a8a8a8 thin solid;
	padding:2px;
}


.Secbutton
{
border-top:solid 2px #FFFFFF;
border-bottom:solid 2px #080B0D;
border-left:solid 2px #697890;
border-right:solid 2px #080B0D;
padding:1px 5px;
margin:0px 10px;
width:95px;
}

/*Loader 
---------------------------------------*/
/* 
 Provided by Shahin@themorningoutline.com Under GNU GPL
 For more inforamtion visit swww.themorningoutline.com
 */
body
{
    height: 95%;

}
.divContainer
{     
    text-align: right;
    font-size: large;
    position: absolute;
    visibility: visible;
    width: 99%;
    filter: alpha(opacity=75 );
    -moz-opacity: 0.75;
    opacity : 0.75;
    vertical-align: middle;
    display: inline;
    height: 98%;
    background-color:#000000;
    border-right: white thick outset; 
    border-top: white thick outset; 
    border-left: white thick outset;
    border-bottom: white thick outset;  
    z-index:99999;
    }

.divLoaderBack
{
    background-color: #444141;
    color: #ffffff;
    font-size:x-small;
    height: 10px;
    visibility: visible;
    width: 510px;
    border-right: #aeb2b1 outset;
    padding-right: 5px;
    border-top: #aeb2b1 outset;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: #aeb2b1 outset;
    padding-top: 5px;
    border-bottom: #aeb2b1 outset;
    margin-top: 15px;
    vertical-align: middle;
    text-align: left;
    margin: auto;
    top:50%;
    position:relative;
    
}
.divLoaderProgress
{
    background-color: #e2e7eb;
    color: gray;
    padding: 5px,0px,0px,5px;
    position: relative;
    visibility: visible;
    height: 5px;
    width: 0px;
}

.divLoadingStat
{
    background-color: Transparent;
    border-color: #ffffff;
    color: #ffffff;
    padding: 5px,0px,0px,5px;
    position: relative;
    visibility: visible;
    border-width: medium;
    width: 100%;
    height: 10px;
    text-align: center;
    margin-bottom: 15px;
    top:50%;

}

/*Copyright
-------------------------------------------*/
table.copyright
{
	width:100%;	
	height:100%;	
}
table.copyright tr
{
	width: 100%;
	height: 5px;
}
table.copyright td
{
	text-align:center;
	font-size:small;
}

/*Welcome
--------------------------------------------*/
#welcomeuser
{
	/*border-color: rgb(168, 168, 168);
	border-style: solid;
	border-width: 1px;*/
	display: inline-block;
	height: 26px;
	font-size:medium;
	
}
#btnSignOut
{
	border-color: rgb(168, 168, 168);
	border-style: solid;
	border-width: 1px;
	height: 26px;
}

/*Forgot Password
---------------------------------------------*/
#pnlpwdcontent
{
	margin: 2em;
	width: 35em;
	padding: 5px;	
}

#pnlpwdcontent fieldset
{
	/* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;

}
#pnlpwdcontent  fieldset legend {
	font-size:1.1em;                        
    font-weight: bold;
    font-variant: small-caps;
	
}
#pnlpwdcontent .label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 175px; 
	padding: 0; 
	margin: 8px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 		
}


#pnlpwdcontent #pnlPassword input
{
	width:auto;      
	margin:5px 0 0 10px; 
}


#pnlpwdcontent1 span
{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

#changePassword #lblMsg
{
	text-align: center;
	font-size:large;
}


