/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
#header
{
	height: 65px;
	padding: 10px;
	background-color:#003466;
}
#header_logo
{
	float:left;
}
#header_title
{
	font-size: 18pt;
	font-weight:bold;
	color:#FFFFFF;
	text-shadow: -1px -1px 0px #2C7485;
	text-align: center;
}

	#logo
{
	top: 0px;
	overflow: hidden;
	text-align: right;
	height: 50px;
}
	#logo h1
{
	padding: 10px 0px 0px 0px;
	letter-spacing: -1px;
	text-align: center;
	text-decoration: none;
	text-shadow: -1px -1px 0px #2C7485;
	text-transform: uppercase;
	font-size: 18pt;
	color: #FFFFFF;
}
	#logo_lmg
{
	border: none;
	top: 0px;
	left: 30px;
	float:left;
}
	#User_title
{
	top: 15px;
	right: 40px;
	text-align: right;
	position: absolute;
	line-height:20px;
}
	#menu-wrapper {
		height: 90px;
		width:90%;
		/*background: url(images/img05.jpg) no-repeat center top;*/
	}
	
	#nav {
		height: 90px;
		background-color: #330099;
	    padding-bottom: 3px;
	    position:absolute;  
        display:block;  
	}
	
	#nav ul {
		text-align: center;
		position:absolute;  
        display:block;
        top: 0px;
        left: 4px;
        width: 80%;
}
	
	#nav li {
		display: inline-block;
		padding: 0px 25px;
	}
	
	#nav a {
		display: block;
		float: left;
		margin-right: 2px;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 35px;
		font-size: 13pt;
		color: #16576B;
	}
	
	#nav .active {
		background: url(images/img01.jpg) repeat;
		border-bottom: 5px solid #437BA7;
		text-shadow: -1px -1px 0px #2C7485;
		color: #FFFFFF;
	}
	
	#nav .active a {
		color: #FFFFFF;
	}
	
/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main-wrapper
	{
		background: url(images/img03.jpg) repeat;
	}

	#main
	{
		position: relative;
		background: #FFF;
        margin: auto;
        margin-top:10px;
        margin-left: 20px;
		margin-right:20px;
	}
	
	#main-login
	{
		position: relative;
        margin: auto;
	}
	
	#main-login td.box
	{
		background-color: #FFFFFF;
		margin: 10px 10px 10px 10px;
		padding: 8px 8px 8px 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		border: 1px solid #CCCCCC;
		border-collapse:collapse;
		/*-webkit-box-shadow: 0px 0px 5px #FFFFFF, 0px 10px 10px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 0px 5px #FFFFFF, 0px 10px10px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 5px #FFFFFF, 0px 10px 10px rgba(0, 0, 0, 0.25);*/
		height: auto;
		text-align: center;
		vertical-align:middle;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	#main-login a
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none;
		color:#000000;
	}
	
	#main-login td.box .detail1
	{
		font-weight: normal;
		font-size:14px;
		text-align: left;
	}
	#main-login td.box .detail2
	{
		font-weight: normal;
		font-size:13px;
		text-align: left;
	}	
	#main-login input[type=submit].submit
	{
		background-image:url(../Images/btnOrange.png);
		border: 1px solid #FF6633;
		padding: 5px 10px 5px 10px;
		color: #FFFFFF;
		font-size:14px;
		font-weight: bold;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#main-login input[type=submit].submit:hover
	{
		background-image:url(../Images/btnOrange_Hover.png);
	}
	#main-login input[type=button].clear
	{
		background-image:url(../Images/btnGray.png);
		border: 1px solid #999999;
		padding: 5px 10px 5px 10px;
		color:#666666;
		font-size:14px;
		font-weight: bold;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#main-login input[type=button].clear:hover
	{
		background-image:url(../Images/btnGray_Hover.png);	
	}
/* Container */
	body
	{
		background: #4AA0E4 url(images/img09.jpg) repeat;
		margin-left: 0px;
		margin-top: 0px;
		margin-right:0px;
	}
	.container 
	{
		margin-left: 0px;
		margin-right:0px;
	}
	.box1 
	{
		background:#f7f7f7;
		width:80%;
		border:1px solid #c6c9cc;
		padding:10px 10px 10px 10px;
		-moz-box-shadow: 0px 2px 4px #e3e3e3; /* FF3.5+ */
		-webkit-box-shadow: 0px 2px 4px #e3e3e3; /* Saf3.0+, Chrome */
	}
	.box1.bg1 
	{
		background:#ececec;
		padding-bottom:19px;
	}
		.box2 
	{
		background:#f7f7f7;
		/*width:85%;*/
		border:1px solid #c6c9cc;
		padding:10px 10px 10px 10px;
		-moz-box-shadow: 0px 2px 4px #e3e3e3; /* FF3.5+ */
		-webkit-box-shadow: 0px 2px 4px #e3e3e3; /* Saf3.0+, Chrome */
	}
	.box2.bg1 
	{
		background:#ececec;
		padding-bottom:19px;
	}
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
		position: relative;
		background: #FFF url(images/img09.jpg) repeat;
	}
	
	#footer header h2
	{
		font-size: 1.6em;
	}
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
	
	#copyright
{
	position: relative;
	background: url(images/img10.png) no-repeat center top;
	text-align: center;
	text-transform: uppercase;
	color: rgb(102, 102, 102);
	font-size: 6pt;
	margin-left: 20px;
	margin-right: 20px;
}	

/*********************************************************************************/
/* Update Progress                                                                     */
/*********************************************************************************/
.progress
{
	position: fixed;
	text-align: center;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999999;
	background-color: #15191F;
	filter: alpha(opacity=90);
	opacity: 0.9;
}
.progress_text
{
	padding: 10% 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
/*POPUP*/
.popup
{
	padding: 10px 10px 10px 10px;
	font-family:Tahoma;
	font-size: 12px;
	color: #666666;
	background-color: #f7f7f7;
	border: 0px;
	padding: 0px;
	margin-bottom: 10px;
	-moz-box-shadow: 0px 2px 4px #999999; /* FF3.5+ */
	-webkit-box-shadow: 0px 2px 4px #999999; /* Saf3.0+, Chrome */
	box-shadow:	0px 2px 4px #999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.popup_blue
{
	padding: 10px 10px 10px 10px;
	color: #000000;
	background-color: #006699;
	border: 0px;
	padding: 0px;
	-moz-box-shadow: 0px 2px 4px #999999; /* FF3.5+ */
	-webkit-box-shadow: 0px 2px 4px #999999; /* Saf3.0+, Chrome */
	box-shadow:	0px 2px 4px #999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display:inline-block;
}

.popup_yellow
{
	padding: 10px 10px 10px 10px;
	color: #000000;
	background-color: #FDC44D;
	border: 0px;
	padding: 0px;
	-moz-box-shadow: 0px 2px 4px #999999; /* FF3.5+ */
	-webkit-box-shadow: 0px 2px 4px #999999; /* Saf3.0+, Chrome */
	box-shadow:	0px 2px 4px #999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.popup_orange
{
	padding: 10px 10px 10px 10px;
	color: #000000;
	background-color: orange;
	border: 0px;
	padding: 0px;
	-moz-box-shadow: 0px 2px 4px #999999; /* FF3.5+ */
	-webkit-box-shadow: 0px 2px 4px #999999; /* Saf3.0+, Chrome */
	box-shadow:	0px 2px 4px #999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}

.popup_red
{
	padding: 10px 10px 10px 10px;
	color: #000000;
	background-color: red;
	border: 0px;
	padding: 0px;
	-moz-box-shadow: 0px 2px 4px #999999; /* FF3.5+ */
	-webkit-box-shadow: 0px 2px 4px #999999; /* Saf3.0+, Chrome */
	box-shadow:	0px 2px 4px #999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.popup_green
{
	padding: 10px 10px 10px 10px;
	color: #000000;
	background-color:#009900;
	border: 0px;
	padding: 0px;
	-moz-box-shadow: 0px 2px 4px #999999; /* FF3.5+ */
	-webkit-box-shadow: 0px 2px 4px #999999; /* Saf3.0+, Chrome */
	box-shadow:	0px 2px 4px #999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.popup_background
{
	 background-color: #FFFFFF;
	 filter: alpha(opacity=90);
	 opacity: 0.9; 
}

.popup_title
{
	/*margin: 10px 10px 10px 10px;*/
	padding: 10px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Tahoma;
	font-weight: bold;
	/*width: 100%;*/
}
.popup_detail
{
	color: #000000;
	padding: 8px 8px 8px 8px;
	margin: 10px 10px 10px 10px;
	background: #FFFFFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	min-height: 80px;
	min-width: 300px;
	vertical-align:bottom;
}