﻿html, body {
	 margin: 0;
	 padding:0;
	 background-image: url(../images/login_background.jpg);
	 background-repeat:no-repeat;
	 background-position: top left;
	 background-color: #063666;
	 font-size: 100%;
	 font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	 color: black;
	 text-align: center;
}

#wrapper 
{
    text-align: left;
	height: auto;
	width: 100%;
}


#login_container
{
    width: 583px;
    height: 300px;
    position:relative;
    top:200px;
    margin:0 auto;
    padding:0;
    background-image:url(../images/login_screen.png);
    background-repeat:no-repeat;
    background-position:center center;
}

#login_container p
{
    margin:0;
    padding:0;
    font-family:Arial, Helvetica LT Std, Sans-Serif;
    color:#2b689d;
    font-size:12px;
}

#login_table
{
    width:400px;
    height:247px;
    margin:0;
    padding:0 0 0 0;
    border:1px solid blue;
}

#user_name
{
    margin:30px 0 0 37px;
    padding:0;
    float:left;
    clear:both;
    color:#2b689d;
}

#user_pass
{
    margin:0 0 0 37px;
    padding:0;
    float:left;
    clear:both;
    color:#2b689d;    
}

.security_wrapper
{
    position:absolute;
    top:108px;
    right:37px;
    height:50px;
    padding:0px 5px 10px 5px;
    border:0px solid blue;
    background-image:url(../images/login_screen_security_bg.png);
    background-position:right center;
    background-repeat:no-repeat;
}

#login_txt
{
    margin:0 0 0 40px;
    padding:12px 0 5px 15px;
    float:left;
    clear:both;
    border:0px solid blue;
    height:10px;
    width:210px;
}

#login_txt p
{
    font-family:Arial, Helvetica LT Std, Sans-Serif;
    color:#2b689d;
    font-size:9px;
}

#securitycode_txt
{
    margin:3px 0 0 61px;
    padding:0;
    float:left;
    clear:both;
    color:#2b689d;
    font-size:9px;
    height:30px;
    width:210px;
    border:0px solid blue;
}

#send_btn
{
    position:relative;
    top:80px;
    left:190px;
    padding:0;
    margin:0;
    float:left;
    clear:both;
}

#returntosite
{
    position:relative;
    top:110px;
    left:150px;
    padding:0;
    margin:0;
    float:left;
    clear:both;   
}

#invalid_code
{
    text-align:right;
    border:0px solid blue;
    height:20px;
    width:290px;
    padding:0;
    margin:0;
    float:left;
    clear:both;
    font-size:12px;
}
.GridView
{
    background-color:#E7EAED;
    width:600px;
    border:solid 1px gray;
    border-collapse:collapse;
    padding-left:5px;
}

.GridView_Header
{
    color:White;
    background-color:#05448B;
    font-weight:bold;
    padding-left:5px;
}

.GridView_Cell
{
    padding:0 5px 0 5px;
    vertical-align:middle;
}

body
{
    overflow-x:hidden;
}

 #header 
 {
    width:100%;
	height:110px; 
	float:left; 
	clear:both;
	background-image:url(../images/seed_mgr_strip.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
} 

#menu 
{
	float:left; 
	clear:both; 
	padding:5px 0 0 10px;
}
            
#menu a, #menu a:visited 
{
	padding-top:5px;
	color:#fff; 
	font-family: verdana, Helvetica, sans-serif; 
	font-weight:bold; 
	text-decoration:none; 
	font-size:14px;
	margin-right:20px;
}
	 
#submenu 
{
	width:100%; 
	height:23px; 
	float:left; 
	clear:both; 
	padding:10px 0 15px 35px;
}
            
#submenu a, #submenu a:visited 
{
	padding-top:5px;
	color:#000000; 
	font-family: verdana, Helvetica, sans-serif; 
	font-weight:bold; 
	text-decoration:none; 
	font-size:12px; 
	margin-right:15px;
}

#content 
{
	float:left; 
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}

.save_btn
{
    float:left;
    clear:both;
    margin:10px 10px 10px 5px;
}
            
.SystemMsgBox
{
    margin:0 0 0 5px;
    float:left;
    clear:both;
    width:795px;
    height:40px;
    padding:0;
}

.SystemIcon
{
    width:26px;
    height:30px;
    float:left;
    clear:right;
    padding:0;
    margin:7px 0 0 10px;
}

.SystemMsg
{
    width:445px;
    height:20px;
    float:left;
    clear:none;
    padding-top:8px;
    margin:5px 0 0 5px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:11px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#47282D;
}

.Mgr_Title
{
    margin:5px 0 15px 15px;
}

.lblHeader
{
    padding:8px 0 0 10px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#cd1112;
	margin:5px 0 10px 0;
	
}

h3
{	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0px 0px 5px 0px;
	color:#cd1112;
}

p, td, th
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:top;
	text-align:justify;
	margin:10px 0 10px 0;
	line-height:18px;
}

ul
{
	margin-top:5px;
}


li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	margin-left:-20px;
	line-height:18px;

}

a:link, a:visited 
{
	font-family: verdana, Helvetica, sans-serif;    
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}

a:hover, a:visited:hover {
	font-size: 11px;
	text-decoration: none;
	color: #D6A00E;
}

#contents img
{
	border:1px solid #50658B;
}

.AutoExtender
{
padding:0;
margin:0;
padding-left:20px;
width: 133px !important;
border: solid 1px #006699;
background: #bdc5f4;
cursor:pointer;

}

.tab_current a:link, a:visited
{
 color:#232323;
 font-size:11px;
 font-family:Verdana;
 vertical-align:top;
 margin:0;
 padding:0;
}

.tab_current a:hover, a:visited:hover
{
 font-size:11px;
 text-decoration: none; 
}

.GridView_Padding
{
    padding:5px 5px 0px 5px;
}

.normalRow
{
background-color:#e7eaed;/* You can update the background Color to normal Gridview Back Color */
cursor:pointer;/* You can change cursor pointer to default, Pointer etc */
}

.highlightRow
{
background-color:#cfd8e0;/* You can change the background Color of the row to whatever color you want. You can also give Hexadecimal color code also */
cursor:pointer;/* You can change cursor pointer to default, Pointer etc */
}

.alternateRow
{
background-color:#e9e9e9;/* You can change the background Color of the row to whatever color you want. You can also give Hexadecimal color code also */
cursor:pointer;/* You can change cursor pointer to default, Pointer etc */
}


/* GridView Styles */
.gridText
{
    vertical-align:middle;
}

.gridObject
{
    text-align:center;
    vertical-align:middle;
}

.gridCurrency
{
    text-align:right;
    vertical-align:middle;
}

.hidden
{
    display:none;
}

/* Password Checker */
.password {
    font-size : 12px;
    width : 200px;
    font-family : arial, sans-serif;
}

.pstrength-minchar {
    font-size : 10px;
}

/* Custom Modal Styles */
.modalPopup
{
    background-color:#24232B;
	border:solid 10px grey;
	padding:5px;
}

.modalBackground {
	background-color:Black;
	filter:alpha(opacity=60);
	opacity:0.7;
}

.modalPopupHeader
{
    border-bottom:1px solid black;
    font-weight:bold;
    text-align:center;
    margin-bottom:15px;
}
.main-display{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
}

