/* css agip online design */
/* design by: Ali Hammouri */
/* All associated graphics copyright 2005, agip online */
/* April 15, 2005 */

body {
	font-family: Verdana, Arial,sans-serif;
        background:#F5F5F5;
	margin:0px auto;
        width:750px;
	margin-top: 5px;
	text-align: center;
	}

*{
    margin:0;
    padding:0;
	border:0;
	}

.margin-table{
    margin: 17px 0px 7px 2px;
	}

.corner-left-page{
	background-color: #FFF;
	background-image: url(corner-left-page.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

.corner-right-page{
	background-image: url(corner-right-page.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 5px;
	padding-bottom: 0px;
	}

.corner-left-header{
	background-image: url(corner-left-header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px solid #FF9900;
	background-color: #330000;
	}

.corner-right-header{
	background-image: url(corner-right-header.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 50px;
	}

.left-side{
	background-image: url(corner-left-side.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #EDEDE9;
	}

.corner-left-bottom{
	background-image: url(corner-left-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

.corner-right-bottom{
	background-image: url(corner-right-bottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFF;
	}

.corner-right-body{
	background-image: url(corner-right-body.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

.top-menu{
	background-color: #F9F1DA;
	border-bottom: 1px solid #DFDCDC;
	}

.name{
	color: #663300;
	font-size: 11px;
	text-decoration: none;
	}

.name a:link{
	color: #663300;
	text-decoration: none;
	}

.name a:visited{
	color: #663300;
	text-decoration: none;
	}

.name a:hover{
	color: #663300;
	text-decoration: underline;
	}

.name span{
	color: #330000;
	font-size: 11px;
	text-decoration: none;
	}

.account{
	color: #67574A;
	font-size: 11px;
	text-decoration: none;
	}

.account a:link{
	color: #67574A;
	text-decoration: none;
	}

.account a:visited{
	color: #67574A;
	text-decoration: none;
	}

.account a:hover{
	color: #67574A;
	text-decoration: underline;
	}
	

.copy-right{
	color: #67574A;
	font-size: 11px;
	text-decoration: none;
	}

.copy-right a:link{
	color: #67574A;
	text-decoration: none;
	}

.copy-right a:visited{
	color: #67574A;
	text-decoration: none;
	}

.copy-right a:hover{
	color: #67574A;
	text-decoration: underline;
	}

.title-page{
	font-size: 13px;
	color: #330000;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	}

.title-one{
	font-size: 12px;
	color: #330000;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #CC9933;
	}

.title-two{
	font-size: 12px;
	color: #996600;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #CCCCCC;
	}

H4{
	font-size: 15px;
	color: #300;
	text-decoration: none;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #DADADA;
	}

.img{
	margin: 10px 10px 10px 0px;
	float: left;
	}

.second{
	font-size: 11px;
	color: #330000;
	padding: 10px;
	/*background-color:#F8F8F8;*/
	}
.second a{
	color: #663300;
	text-decoration: none;
	padding-left: 13px;
	background-image: url(arrow_box.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px ;
	}
.second a:hover{
	color: #330000;
	text-decoration: underline;
	}


.normal-text{
	font-size: 11px;
	color: #330000;
	font-weight: normal;
	text-decoration: none;
	}
.normal-text a:link{
	color: #663300;
	text-decoration: none;
	}
.normal-text a:visited{
	color: #663300;
	text-decoration: none;
	}
.normal-text a:hover{
	color: #330000;
	text-decoration: underline;
	}

.text-small{
	font-size: 10px;
	color: #666666;
	padding: 3px 8px 3px 0px;
	font-weight: normal;
	text-decoration: none;
	}
.text-error{
	font-size: 10px;
	color: #FF0000;
	padding: 3px 8px 3px 0px;
	font-weight: normal;
	text-decoration: none;
	}

/* ------------------- top menu -------------------------------------------------------------------------------- */
#navcontainer ul{
	font-size: 11px;
	padding-left: 0;
	margin-left: 0;
	background-color: #;
	color: #330000;
	float: left;
	}

#navcontainer ul li { display: inline; }

#navcontainer ul li a{
	padding: 0.5em 1em;
	background-color: #;
	color: #330000;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	}

#navcontainer ul li a:hover{
	background-color: #FFFFFF;
	color: #330000;
	}


/* --------------------- end top menu ----------------------------------------------------------------------- */

/* menu */

#menu{ }

#menu ul{
	list-style-type: none;
	color: #330000;
	font-size: 11px;

	}

#menu li{
	border-bottom: 1px solid #E0E0D8;
	border-top: 1px solid #FFFFFF;
	border-left:0px;
	border-right:0px;
	}

#menu li a{
	display: block;
	padding: 2px 0px 5px 15px;
	text-decoration: none;
	color: #330000;
	}
	
#menu li a:hover{
	text-decoration: none;
	color: #330000;
	background-color: #F6F6F2;
	}

/* end menu */


/* sub menu */

#online{ }

#online ul{
	list-style-type: none;
	color: #330000;
	font-size: 11px;
	margin-top: 5px;

	}

#online li{
	border: 1px solid #FFFFFF;
	line-height: 15px;
	}

#online li a{
	display: block;
	padding: 0px 0px 3px 15px;
	text-decoration: none;
	color: #330000;

	background-image: url(arrow_box.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px ;
	}
	
#online li a:hover{
	text-decoration: underline;
	color: #330000;
	}

/* end sub menu */

.buttonlogin{
	font-size: 11px;
	color: #330000;
	background-image: url(bg_button_login.gif);
	text-decoration: none;
	height: 19px;
	width: 90px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #FFCC66;
	cursor: hand;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

.buttonclass{
	font-size: 11px;
	color: #330000;
	background-image: url(bg_button.gif);
	text-decoration: none;
	height: 19px;
	width: 90px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #ffffff;
	cursor: hand;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

.inputclass {
	font-size: 13px;
	color: #330000;
	margin: 5px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid;
	border-color:#D4D0C8;
	border-left-color:#404040;
	border-top-color:#404040;
	background-color: #fffef4;
	}

.inputlogin {
	font-size: 13px;
	color: #330000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid;
	border-color:#D4D0C8;
	border-left-color:#404040;
	border-top-color:#404040;
	background-color: #fffef4;
	}

.star {
	font-size: 9px;
	color: #FF9900;
	padding: 0px 3px 0px 0px;
	}

hr{
	height: 1px;
	color: #F1F1F1;
	}

.text-form{
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	vertical-align: top;
	padding: 8px 7px 0px 10px;
	text-decoration: none;
	}

.border-form{
	border: 1px solid #F1F1F1;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	margin: 8px 0px 0px 0px;
	}

.text{
	font-size: 11px;
	color: #663300;
	font-weight: normal;
	padding-right: 10px;
	padding-left: 10px;	
	text-decoration: none;
	}





        .buttonclass22{
	font-size: 11px;
	color: #330000;
	background-image: url(bg_button.gif);
	text-decoration: none;
	height: 19px;
	width: 130px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #ffffff;
	cursor: hand;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}