/*

AG-IP-News Web site / en
Ali Hammouri
Tuesday, July 28, 2008

---------------------------------------------------------------------------------------------------*/
@import "mainMenu.css";

*{ margin: 0; padding: 0; outline: none; outline: none;}

html img{ border: 0;}

body{
	font: 12px/1.4 Arial, Helvetica, sans-serif;
	color: #330000;
	text-align: center;
	margin: 0;
	direction: ltr;
	background: #f2f2f0;
	}

a { color: #CC6600; text-decoration: none;}

a:hover { text-decoration: underline;}


p{ margin: 0 0 20px 0;}

ul, ol{
	margin: 0 0 20px 45px;
	padding: 0;
	}

ul li, ol li{
	margin: 0;
	padding: 0;
	}

legend{ display:none;} fieldset{ border:0;}

/*-------------------------------------------------------------------------------*/

#pageWrapper{
	text-align: left;
	width: 948px;
	margin: 0 auto;
	padding: 15px 19px;
	background: url(bgPage.gif) left top repeat-y #fff;
	}

.hdr{
	height: 60px;
	background: url(bgHdr.gif) left center no-repeat #300;
	}

.logo{
	width:173px;
	height:20px;
	margin: 0 0 0 15px;
	float: left;
	}

.name{ font: normal 12px Arial, Helvetica, sans-serif; color:#E0B806; margin:15px 20px 0 0; float:right;}

.mainNavBar {height: 32px; margin-bottom:10px; border-bottom: 1px solid #dedede; background: url(top.gif) left -73px repeat-x;}

.QuickNav{ color:#ccc; line-height:32px; width:700px; margin:0; padding:0 10px; float:left;}

.searchPart {
	width: 200px;
	margin: 8px 10px 0 0;
	padding: 0;
	float: right;
	display: inline;
	border: 0;}

.input {
	font: 12px Arial, Helvetica, sans-serif;
	width: 182px;
	height: 15px;
	float: left;	
	padding: 0;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #e8bb6b #ffffff #ffffff #e8bb6b;
	background: #f7f7f7;
	}

.go {
	width: 17px;
	height: 17px;
	float: left;
	border: 0;
	background: none;
	}


/*- columns ------------------------------------------------------------------------------*/

.colmsWrapper{width:948px;}

.firstColm{ width:220px; float:left; border:1px solid #e8e8e8;}
.contentColm{width:474px; margin:0 15px; float:left;}
.partsColm{width:222px; float:left;}

.content{ padding: 10px; border: 1px solid #e8e8e8;}

.partsColm{
	width: 222px;
	float: left;
	}

.colmWide{width:689px; margin-left:15px; padding:10px; float:left; border: 1px solid #e8e8e8;}

.colmsEnd{height:0px; overflow:hidden; clear: both;}

.colmsEndWide{height:0px; overflow:hidden; clear: both;}

/*- col 1 -----------------*/

.mainMenu li .rss{
	position: relative;
	top: 1px;
	margin: 0 4px 0 0;
	}

.baner{
	text-align: center;
	width: 175px;
	margin: 0 auto;
	}

.boxSub{
	padding: 0 6px;
	}

.QuickLink{
	font-family: Arial, Helvetica, sans-serif;
	height: 75px;
	margin: 10px;
	background: #b9a172;
	}

.QuickLink img{
	margin: 0 6px 0 0;
	float: left;
	}

.QuickLinkTitle{
	font-size: 12px;
	margin: 6px 0 3px 0;
	}

.QuickLinkTitle a{
	color: #330000;
	}

.QuickLinkText{
	color: #FFFFFF;
	line-height: 14px;
	width:115px;
	height: 75px;
	float: left;
	overflow: hidden;
	}

.box{ margin:10px; padding:10px; border:1px solid #efedd6; background:#f7f5e4;}
.box h3{ margin-bottom:8px;}

.login input{width:176px; height:16px; margin-bottom:10px; padding:3px 1px; border:1px solid #bebebe; border-right-color:#e0e0e0; border-bottom-color:#e0e0e0;}
.login select{width:198px; height:22px; margin-bottom:10px; padding:3px 1px;}

.currency label{ width:60px; float:left;}
.currency input, .currency select{ width:114px; margin-bottom:10px;}
.currency .btn{ margin-left:60px;}

.currency .btn, .login .btn, .vote .btn{ width:auto; height:auto; padding:3px 10px; cursor:pointer; border:1px solid #a4a4a4; background:url(bgBtn.gif) 0 0 repeat-x;}

.pollQ{ margin-bottom:8px;}
.vote input{ margin:0 5px 0 0;}
.options{ margin-bottom:10px;}

.WetherBG iframe{ width:86px; margin-left:67px;}

/*- col 2 -----------------*/

.mainNews{padding:10px; margin-bottom:15px; border: 1px solid #ffe370; }

.mainNews .heading{
	font: normal 18px Arial, Helvetica, sans-serif;
	margin: 0 0 4px 0;
	padding: 0;
	}

.mainNews .boxNews{
	line-height: 15px;
	height: 90px;
	}

.mainNews .imgNews {
	margin: 2px 7px 0 0;
	padding: 1px;
	float: left;
	border: 2px solid #999;
	}

.pubDate{ font-size:10px; color:#FF0000; padding:5px;}

* html .mainNews .imgNews { margin: 2px 4px 0 0;}

.mainNews .txtNews { 	height: 48px;}

.listNews{
	}

.heading{
	font: normal 14px Arial, Helvetica, sans-serif;
	margin: 0 0 4px 0;
	padding: 0;
	}

.heading a{ color: #996600;}	.heading a:hover{ color: #663300;}

.boxNews{
	line-height: 15px;
	height: 50px;
	}

.imgNews {
	margin: 2px 5px 0 0;
	padding: 1px;
	float: left;
	border: 1px solid #c8c8b1;
	}

* html .imgNews { margin: 2px 2px 0 0;}

.txtNews {}

hr{
	color: #e8e8e8;
	height: 1px;
	margin: 10px 0;
	border: 1px;
	background: #e8e8e8;
	}

/*- col 3 -----------------*/

.part{margin: 0 0 15px 0; border: 1px solid #e8e8e8; }

.partTitle{
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	background: #FAF8A0;
	}

.calendar {
	font: normal 10px Arial, Helvetica, sans-serif;
	margin: 0 auto;
	}

.month{
	color: #000;
	padding: 0 2px;
	text-transform: uppercase;
	}

.dayHeader{
	font: normal 10px Arial;
	color: #666666;
	padding: 4px 3px;
	}

.day{
	padding: 2px 4px;
	background: #f3efe4;
	}

.today{
	color: #333;
	background: #E9F4FC;
	}

.eveDay {
	color: #999;
	display: block;
	padding: 4px 3px;
	background: url(eveDay_en.gif) right bottom no-repeat #F6F6F6;
	}

.pageOption{
	margin: 0;
	padding: 10px;
	list-style: none;
	}

.pageOption li a{
	color: #663300;
	line-height: 20px;
	height: 20px;
	margin: 0 0 2px 0;
	padding: 0 25px;
	display: block;
	}

.iconPrint{background: url(iconOption.gif) left 0 no-repeat;}

.iconSend{background: url(iconOption.gif) left -22px no-repeat;}

.iconLarg{background: url(iconOption.gif) left -44px no-repeat;}

.iconSmall{background: url(iconOption.gif) left -66px no-repeat;}

.bookmark{
	margin: 0 0 10px 0;
	padding: 5px 10px;
	}

.bookmark table{
	width: 100%;
	border-collapse: collapse;
	}

.bookmark td{
	padding: 3px 0;
	border-bottom: 1px solid #edece7;
	}

.banner{
	text-align: center;
	padding:10px 0px;
	}

.addArticle h3{ padding-left:10px;}

.part h3{ margin:10px;}

ul.tabs { margin:0; padding:0; list-style: none; height:32px; border-bottom: 1px solid #e8e8e8; width: 100%;}
	
ul.tabs li {float:left; margin:0; padding:0; width:40%; height: 31px; line-height:31px; border: 1px solid #e8e8e8; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background:#f1eecf;}

ul.tabs li a { text-decoration: none; color:#000; display: block; padding: 0 15px; border: 1px solid #fff; outline: none;}

ul.tabs li a:hover {background: #ccc;}
html ul.tabs li.active, html ul.tabs li.active a:hover  { background: #fff; border-bottom: 1px solid #fff;}



.acc_trigger { line-height:30px; padding:0; margin:0 0 1px 0; height:30px; background:url(bgAccord.gif) #f1eecf;}

.acc_trigger a{ font-size:14px; color:#300; text-decoration:none; display:block; padding:0 0 0 10px;}
.acc_trigger a:hover {color:#960;}
.active {background-position: left bottom;}

.acc_container {margin:0 0 1px 0; overflow hidden; clear:both;}
.acc_container .block {padding:10px;}


/*- sub pages ------------------------------------------------------------------------------*/

.colmContent{
	width: 372px;
	padding: 0 15px;
	float: left;
	}

.path{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	border-bottom: 0px solid #f5f5f5;
	}

.path li{
	padding: 0 2px 10px 2px;
	border-bottom: 1px solid #e8e8e8;
	}

.imgBaner{
	margin: 0 0 20px 0;
	}

.titlePage{
	font: normal 30px Arial, Helvetica, sans-serif;
	color: #330000;
	margin: 0;
	padding: 0;
	}

.titleNews{
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #330000;
	margin: 0 0 10px 0;
	padding: 0;
	}

.dateNews{
	color: #CC6600;
	margin: 0 0 10px 0;
	padding: 5px 0;
	}

.dateNews strong{
	color: #d7d7d7;
	}

.link{
	margin: 0 0 35px 0;
	}

.title{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #663300;
	margin: 0;
	padding: 0;
	}

.url{
	margin: 0 0 7px 0;
	}

.url a{
	margin: 0 0 5px 0;
	padding: 0 8px;
	background: url(arrow2.gif) -3px 5px no-repeat;
	}

.url span{
	padding: 0;
	display: block;
	}

.contact{
	margin: 0 0 20px 0;
	border: 0px solid #990033;
	}

.contact p{
	margin: 0 0 3px 0;
	}

.field{
	margin: 0 0 10px 0;
	padding: 0;
	}

.field input, .field select, .field textarea{
	width: 370px;
	background: #ffffff;
	}

.field select{
	width: 375px;
	}

.field label{
	color: #300;
	}

.field .btn, .archiv .btn {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 77px;
	height: 22px;
	margin: 0;
	border: 0;
	cursor: pointer;
	background: url(bgBtn.gif) left top no-repeat;
	}

/*-- archives page  -------------------------------------------*/

.archives{ margin:20px 0; padding:10px; border:1px solid #f4f1e7; background:#f7f5e4;}
.archives fieldset{padding:10px 0; }

.archives h3{ border-bottom:1px solid #e8bb6b;}
.keyword{ height:37px; margin-bottom:10px;}

.fieldAdv{float: left; padding: 0 20px 0 0; margin-bottom:10px;}

.searchWide{ width:660px; height:20px;}

.fieldBtn{padding:5px 0 0 0;}

.archives .btn{ padding:3px 10px; border:1px solid #a4a4a4; background:url(bgBtn.gif) 0 0 repeat-x;}

.no{
	height: 16px;
	padding: 0 5px;
	display: -moz-inline-box;
	display: inline-block;
	
	}

.fieldDate{
	margin: 0 0 10px 0;
	border: 0px solid #993366;
	}

.tableResult{
	font-family: Arial, Helvetica, sans-serif;
	width: 663px;
	margin: 0 0 15px 0;
	}
.tableResult th{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #663300;
	text-transform: uppercase;
	padding: 5px 8px;
	border-bottom: 4px solid #e0e0e0;
	}
.item td{
	color: #666;
	line-height: 130%;
	vertical-align: top;
	padding: 8px;
	border-bottom: 1px solid #e0e0e0;
	}

.alterItem td{
	color: #666;
	line-height: 130%;
	vertical-align: top;
	padding: 8px;
	border-bottom: 1px solid #e0e0e0;
	}

.item td a, .alterItem td a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #996600;
	}

.gridPage td {
	height: 25px;
	}

.gridPage table{
	margin: 0;
	border-collapse: collapse;
	}

.gridPage table td{
	color: #CCCCCC;
	text-align: center;
	width: 25px;
	border: 1px solid #F4F4F4;
	}

.gridPage table td span {
	color: #CC9900;
	margin: 0;
	padding: 5px;
	display: block;;
	}

.gridPage table td a {
	color: #663300;
	margin: 0;
	padding: 5px;
	display: block;
	}
	
.gridPage a:hover {
	color: #330000;
	text-decoration: underline;
	background: #fff7e0;
	}

/*-- upcoming --------------------*/

.upcoming{
	height: 23px;
	margin: 0 0 20px 0;
	}

.upcoming a{
	margin: 0 1px 0 0;
	padding: 5px 12px;
	display: block;
	float: left;
	background: #e8e8e8;
	}

a.yearActive{
	color: #330000;
	background: #fff4c9;	
	}

.list{
	margin:0;
	padding: 10px;
	list-style: none;
	}

.list li{
	color: #666;
	margin: 0;
	padding:5px 0;
	border-bottom:1px dotted #ccc;
	}

.list li a{
	color: #996600;
	}

.more{ padding: 3px 14px; background: url(arrow2.gif) 3px 9px no-repeat #ffffcc;}

.what{ padding: 3px 14px; background: url(arrow2.gif) 3px 9px no-repeat #ffffcc;}

/*-- add -------*/

.addEvnt{
	font-size: 10px;
	padding: 10px;
	border: 0;
	}

.addEvnt .row{
	margin: 0 0 5px 0;
	}

.addEvnt .row input, .addEvnt .row select, .addEvnt .row textarea{
	font-size: 10px;
	width: 170px;
	padding: 1px;
	}

.addEvnt .row select{
	width: auto;
	}

.addEvnt .row .btn {
	width: 57px;
	height: 20px;
	margin: 0;
	border: 0;
	cursor: pointer;
	background: url(bgBtnSmall.gif) left top no-repeat;
	}

.siteMap{
	margin: 0;
	padding: 0;
	list-style: none;
	}

.siteMap ul{
	margin: 0 40px;
	padding: 0;
	list-style: none;
	}

.siteMap{
	margin-left: 0;
	list-style-type: none;
}

.siteMap ul{
	list-style-type: none;
}

.siteMap li{
	background: transparent url(sitemap1.gif) left top no-repeat;
	padding-left: 25px;
}

.siteMap .SMB{
	background: transparent url(sitemap2.gif) left top no-repeat;
}

.siteMap .SME{
	background: transparent url(sitemap3.gif) left top no-repeat;
}

/*- footer ------------------------------------------------------------------------------*/

.footer{
	margin: 10px 0 0 0;
	padding: 0;
	}

.footer a{
	color: #996600;
	}

.footer dt{
	color: #999999;
	line-height: 30px;
	height: 30px;
	padding: 0 10px;
	border: 1px solid #e8e8e8;
	background: url(bgHdpage.gif) left top repeat-x;
	}

.footer dd{
	padding: 15px 0 7px 10px;
	float: left;	
	}

.footer .both{
	padding: 0;
	float: none;
	clear: both;
	border: 0;
	}


.hide { display: none;} .show { display: block;}
	
/*-acc -----------------------------------------*/

.right-column { margin:0; width:220px; position:relative; }

.right-column h4.active { color:#300; background: url(bgAccord.gif) left bottom no-repeat; }

.right-column h4 {
	font: 11px Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0;
	padding: 5px 10px;
	position: relative;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	background: url(bgAccord.gif) left top no-repeat;
	}

.drop-content{ border: 0px solid #e8e8e8;}

#ticker-wrapper.has-js {
	height: 34px;
	display: block;

}
#ticker {
	width: 870px;
	height: 23px;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
}

#ticker-title {
	color:#999;
	padding-top: 4px;
	float: left; 	
	font-weight: bold;

}
#ticker-content { padding-top:4px; float: left; position: absolute; color: #1F527B; font-weight: bold;}

#ticker-content a {text-decoration: none; color:#600;}

#ticker-content A:hover {text-decoration: underline; color:#300;}

#ticker p{ margin-left:-10px;}

#ticker-swipe {
	padding-top: 7px;
	position: absolute;
	top: 0px;
	left: 80px;
	background-color: #ffffff;
	display: block;
	width: 800px;
	height: 23px; }

#ticker-swipe span {
	margin-left: 1px;
	background-color: #ffffff;
	border-bottom: 1px solid #1F527B;
	height: 12px;
	width: 7px;
	display: block;}
	
#ticker-controls {width:60px; margin:5px 0 0 0; padding:0; position:relative; z-index:100; float:right;}

#ticker-controls li {
	padding: 0px;
	margin-left: 3px;
	float: left;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
}
#ticker-controls LI#play-pause {
	background-image: url('../images/controls.png');
	background-position: 32px 16px;
}
#ticker-controls LI#play-pause.over {
	background-position: 32px 32px;
}
#ticker-controls LI#play-pause.down {
	background-position: 32px 0px;
}
#ticker-controls LI#play-pause.paused {
	background-image: url('../images/controls.png');	
	background-position: 48px 16px;
}
#ticker-controls LI#play-pause.paused.over {
	background-position: 48px 32px;
}
#ticker-controls LI#play-pause.paused.down {
	background-position: 48px 0px;
}
#ticker-controls LI#prev {
	background-image: url('../images/controls.png');
	background-position: 0px 16px;		
}
#ticker-controls LI#prev.over {
	background-position: 0px 32px;		
}
#ticker-controls LI#prev.down {
	background-position: 0px 0px;		
}
#ticker-controls LI#next {
	background-image: url('../images/controls.png');	
	background-position: 16px 16px;	
}
#ticker-controls LI#next.over {
	background-position: 16px 32px;	
}
#ticker-controls LI#next.down {	
	background-position: 16px 0px;	
}
.js-hidden {
	display: none;
}


.userNav { height:35px;background-color:#F7F5E4;margin-top:15px;}
.userNav a { line-height:35px;float:left;display:block;padding:0 10px;}

.curBody {text-align:left;}

.PollingResultBody {text-align:left; line-height:2; margin:15px; background:#fff;}
.PollingResultBody ul li{ margin-bottom:1px;}

#popupControls img {
    float: right;
   margin-top:2px;
}

#popupControls label {
    float: left;
   }
.btnCss{ padding:3px 10px; border:1px solid #a4a4a4; background:url(bgBtn.gif) 0 0 repeat-x;}

#divFontSizeSub {font-size:12px;}

@media print {

.firstColm,.mainNavBar,.hdr,.footer,.userNav,.listNews,#addComment,#ctl00_ContentPlaceHolder1_Replys,h3,#tblOptions,.path{ display:none;}
.colmWide {width:650px;border:0 ; padding:0 ; margin:0;color:Black;}

  
  }
   
/* Popup */
	#panel {
	background: #FCFDFE;
	display: none;
	position: fixed;
	right:0;
	bottom:0;
	z-index:1000;
	
}
#panel .modaltop
{
		background-color: #fff;
  padding:4px;
    height: 16px;
    text-align: left;
}
#panel #closebutton
{
	cursor: pointer;
}
#panel .body
{
	padding: 0px;
}


.panel {
    float: left;
    height: 60px;
    padding-top: 10px;
    position: relative;
    width: 700px;
}