/**
 * @author Bilal Cinarli
 * @copyright 2008
 * @company Icon Perception Management Co.
 * @contact contact@icon-pm.com
 * @web www.icon-pm.com
 * @project www.icon-pm.com
 **/
 
 /*  ------------------- Global Settings  ------------------- */
	html, body { border:0; height: 100%; margin:0; padding:0; }
	body { background:url(../media/image/template/background.png) #000 left top repeat-x;color: #494949; font:12px/1.25 Arial; text-align: left; }

	.clear { clear:both; }
	.clearfix:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
	.clearfix { display: inline-block; }
	/*IE-mac \ */
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* IE-mac */
	.border { border: 1px solid; }
/*  ------------------- Global Settings  ------------------- */

/* ------------------- Common Styles ------------------- */
 	h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; }

	p { margin:0 0 10px 0; padding:0; }

	ul, ol { list-style:none; margin: 0; padding: 0; }

	blockquote { margin:22px 40px; padding:0; }

	small { font-size:0.85em; }

	img { border:0; }

	sup { bottom:0.3em; position:relative; vertical-align:baseline; }

	sub { bottom:-0.2em; position:relative; vertical-align:baseline; }

	acronym, abbr { border-bottom:1px dashed; cursor:help; letter-spacing:1px; }
	.hide { display: none; }

/* ------------------- Link Styles ------------------- */
    a, a:visited { outline: none; text-decoration:none; }
/* ------------------- Common Styles ------------------- */
/*  ------------------- Page Skeleton  ------------------- */
	#wrapper { background: url(../media/image/template/wrapper.png) left repeat-y; height: auto !important; height: 100%; min-height: 100%; width:100%; min-width: 990px; margin: 0 auto -127px; overflow-x: hidden; position: relative; }

		#header{ background: url(../media/image/template/header.jpg) left top no-repeat; height: 147px; width: 100%; position: relative; }

		#header a.enterprise{ float:right; position: absolute; left:750px ; height: 112px; width: 190px; }
		
		    #navigation{ background: url(../media/image/template/navigation.png) right top no-repeat ; left: 0; height: 36px; top: 111px; position: absolute;width: 962px; }
		        
		#content{ background: url(../media/image/template/content.png) top no-repeat; border-top: 1px solid #00add6; width: 962px; position: relative; }

		#push { height: 127px; }
		
		#filler { background: url(../media/image/template/filler.png) bottom no-repeat; bottom: 127px; height: 144px; left: 960px; position: absolute; width: 320px; }
		
		#footer { background:url(../media/image/template/body.png) bottom repeat-x; height:127px; position: relative; width:100%; }
/* ------------------- Page Skeleton ------------------- */

/* ------------------- Sub Menu ------------------- */
	#sidebar li { background: url(../media/image/template/subMenuItem.png) bottom left no-repeat;}
    
	#sidebar li:hover, #sidebar li.activeNav { background: url(../media/image/template/subMenuItemActive.png) bottom left no-repeat;}
    
    #sidebar li.activeNav a{color: #1d4e73;}
    
	#sidebar li a{  color: #6b6b6b;padding: 15px 0 14px 11px; font: 11px/36px Arial;}
/* ------------------- Sub Menu ------------------- */

/* ------------------- Header ------------------- */
/* ------------------- Navigation ------------------- */
		
        
		#nav{display: inline; float: left;}
        
		#nav li{ float: left; background: url(../media/image/template/navigation_a.png) right  no-repeat;margin-top: 5px; }
        
		#nav li.activeNav { background: url(../media/image/template/activeNav.png) repeat-x top left; }
		#nav li.activeNav a{ color: #000; }
        
		#nav a:hover{ background: url(../media/image/template/hover.png) repeat-x top left; color: #000; }
        
		#nav li a{color: #dcdcdc;font: 11px/36px Arial; padding: 12px 9px 12px 10px; }

/* ------------------- Navigation ------------------- */
	#header img{left: 21px; position: absolute; top: 40px ;border: none; }
	#header .slogan{ color: #fff; font-size: 15px; left: 124px; position: absolute; top: 75px;width: 300px; text-indent: -9999px;}
/* ------------------- Header ------------------- */

/* ------------------- Content ------------------- */
    #sidebar{ display: inline; float: left; width: 175px;}
    
	#page, #homepage { display: inline; float: left; width: 775px; }
	#page a { color:#1d4e73; }
	
	h2.title { color: #1d4e73; font: bold 16px/25px Arial; padding: 10px 0 3px 0; width: 520px; }
    
	h2 a { color: #1d4e73; font: bold 12px Arial; }
    
	h4, #ebulletin legend { color: #990000; font: bold 14px Arial; margin: 6px 0 8px 0px; padding: 2px 0 2px 23px;}
    
	h3 a{ color: #494949; font: bold 12px Arial;}
	h3 { color: #494949; font: bold 12px Arial;}
    
    .events-summary, .news-summary, .bulletin-summary{margin-bottom: 10px;}
    
    .exp{padding: 5px 0 5px 0;float: left;}
    
    #ebulletinResult{position: absolute;z-index: 99;margin-top: 32px ;margin-left: 9px;display: none;}
    #ebulletinResultOut{position: absolute;z-index: 99;margin-top: 32px ;margin-left: 9px;display: none;}
/* ------------------- panel ------------------- */
    /* ------------------- Scrollpane ------------------- */
	.jScrollPaneContainer { overflow: hidden; position: relative; z-index: 1;margin-right: 0; }
	
	.jScrollPaneTrack { background: #e2e2e2; cursor: pointer; height: 90%; position: absolute; right: 0px; top: 3px; }
		.jScrollPaneDrag { background: url(../media/image/template/drag.png) left no-repeat; cursor: pointer; overflow: hidden; position: absolute; }
			.jScrollPaneDragTop { left: 0; overflow: hidden; position: absolute; top: 0; }
			.jScrollPaneDragBottom { bottom: 0; left: 0; overflow: hidden; position: absolute; }
			a.jScrollArrowUp { /*background-color: #666;*/ display: block; height: 9px; overflow: hidden; position: absolute; right: 0; text-indent: -2000px; top: 0; z-index: 1; }
			a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
			
			a.jScrollArrowDown { /*background-color: #666;*/ bottom: 0; display: block; height: 9px; overflow: hidden; position: absolute; right: 0; text-indent: -2000px; z-index: 1; }
			a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }
/* ------------------- Scrollpane ------------------- */

    
    #newsHeader, #eventsHeader, #ebulletinHeader{ height: 21px; width: 173px;text-indent: -9999px;}
    
    #news a.newsList{color: #494949;}
    #news a:hover, #events a:hover{color: #1d4e73;}
    
    #newsHeader{background: url(../media/image/template/panelSprite.png) 0 0px no-repeat;margin: 5px 0 2px 2px; }
    #eventsHeader{background: url(../media/image/template/panelSprite.png) 0 -21px no-repeat;margin: 5px 0 2px 2px; }
    #ebulletinHeader{margin-top: 3px; }
    
    #events, #news{float: left; height: 180px;width: 270px;}
    #events ul, #news ul{height: 155px;float: left;}
    
    #events{ margin-left: 22px; float: left;}
    
    #news{margin-left: 7px;float: left;}
    
    .mainLink{float: right;position: relative;color: #1d4e73;margin-right: 10px;margin-top: 5px;}
    
    #events li,#news li{padding: 0 0 3px 5px;margin-top: 8px; background: url(../media/image/template/bullet.gif) top left no-repeat; }
    
    #events li.last,#news li.last{ padding-bottom: 0; }
    
    #ebulletin {height: 200px;margin: 0;margin-left: 5px; width: 182px; }
    
    #ebulletin label.error{width: 10px; color: red; position: absolute; top: 0; right: 10px; }
    
    #ebulletin li { height: 34px;margin: 5px 0 3px 3px; width: 178px; }

    #ebulletin li label { color: #959393; }
    
    #ebulletin li.submit { height: 28px;padding: 0;margin: 0; }
    
    #ebulletin li input {background: #fff; border: 1px solid #bfbfbf; height: 15px;margin: 0; width: 160px; }
    
    #ebulletin li input#submit, #ebulletin li input#unsubscribe ,#contactButton {color: #fff; font: 12px Arial; height: 25px;margin: 0;border: none; width: 98px; }
    
    #ebulletin li input#submit,#contactButton{background: url(../media/image/template/mailListButton.png) 0 0; color: #fff; }
    
    #ebulletin li input#unsubscribe {background: url(../media/image/template/mailListButton.png) 0 -25px; color: #636363;  }
    
    ul#bulletins { margin-bottom: 10px; }
        ul#bulletins li { background: url(../media/image/template/bulletins.png) top left no-repeat; display: inline; float: left; margin-bottom: 20px; padding: 5px 0 5px 35px; width: 115px; }
            ul#bulletins li span.date { font-size: 11px; }
        
    
/* ------------------- panel ------------------- */
/* ------------------- Gallery ------------------- */
    #gallery{display:inline; float: left;margin-top: 10px;}
    
    .thumb{ float: left; padding: 5px;}
    
    .back{float:right;width: 100%;}
    /* ------------------- Project Gallery ------------------- */
	#gallery { margin: 10px 0px 0px 0px; }
		#gallery .thumb { background: url(../media/image/template/thumb_bg.png) top right no-repeat; display: inline; float: left; height: 117px; margin: 0px 10px 10px 0px; width: 172px; }
			#gallery .thumb img { height: 111px; width: 166px; }
		#gallery .end {  }

		#jquery-overlay { height: 100%; left: 0; position: absolute; top: 0; z-index: 9999; width: 100%; }

		#jquery-lightbox { left: 0; line-height: 0; position: absolute; text-align: center; top: 0;	width: 100%; z-index: 10000; }
			#jquery-lightbox a img { border: none; }

		#lightbox-container-image-box { background-color: #fff; height: 250px; margin: 0 auto; position: relative; width: 250px; }
		#lightbox-container-image { padding: 10px; }
			#lightbox-loading { height: 25%; left: 0%; line-height: 0; position: absolute; text-align: center; top: 40%; width: 100%; }
			#lightbox-nav { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
			#lightbox-container-image-box > #lightbox-nav { left: 0; }
			#lightbox-nav a { outline: none;}
			#lightbox-nav-btnPrev, #lightbox-nav-btnNext { display: block; height: 100%; width: 49%; zoom: 1; }
			#lightbox-nav-btnPrev { float: left; left: 0; }
			#lightbox-nav-btnNext { float: right; right: 0; }

			#lightbox-container-image-data-box { background-color: #fff; font: 10px Arial; line-height: 1.4em; margin: 0 auto;	overflow: auto; padding: 0 10px 0; width: 100%; }
			#lightbox-container-image-data { color: #666; padding: 0 10px; }

			#lightbox-container-image-data #lightbox-image-details { float: left; text-align: left; width: 70%; }
			#lightbox-image-details-caption { font-weight: bold; }
			#lightbox-image-details-currentNumber { clear: left; display: block; padding-bottom: 1.0em; }

			#lightbox-secNav-btnClose { float: right; padding-bottom: 0.7em; width: 66px; }
/* ------------------- Project Gallery ------------------- */

/* ------------------- Gallery ------------------- */
/* ------------------- jqDialog_box ------------------- */


#jqDialog_box {
	background: #eee;
	position: absolute;
	width: 450px;
	height: 150px;
	font-family: Arial;
	
	border-width: 3px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#jqDialog_content {
	margin: 10px;
	font-weight: bold;
	font-size: 12px;
	height: 90px;
	overflow: hidden;
}

#jqDialog_options {
	margin: 10px;
	text-align: center;
}
#jqDialog_options button {
	font-family: Arial;
	margin-right: 5px;
	background: #666;
	border: 0px;

	font-size: 1.5em;
	color: #fff;
	width: auto;
}

#jqDialog_input {
	padding: 4px;
	width: 250px;
}
#jqDialog_close {
	background: none;
	border: none;
	float: right;
	font-weight: bold;
	font-size: 10px;
	color: #cc0000;
}
/* ------------------- jqDialog_box ------------------- */

/* ------------------- Pagination ------------------- */
	#pageText .pagination { float: left; font: 0.8em Arial;padding-bottom: 10px;height: 15px;margin: 0;}
    #line{width: 319px;background: url(../media/image/template/line.png) top left no-repeat;padding-top: 10px;}
	#pageText .exp { margin: 2px 5px 5px 0px; text-align: right;}
	#pageText .results { margin: 2px 5px 5px 0px; text-align: left; width: 250px;}

	#pageText .pages { float: left; margin-bottom: 5px;}

	#pageText .pagination ol { margin: 0; padding: 0; }

	#pageText .pagination ol li { list-style: none; float: left; padding: 0; }

	#pageText .pagination ol li a, #pageText .pagination ol li span  { background:url(../media/image/template/paginationPage.gif) center left no-repeat; color: #000; display: block; padding: 7px;  width: 12px; height: 12px; float: left; }

	#pageText .pagination ol li span { background: none; border: none; margin: 0; }

	#pageText .pagination ol li a:hover, #pageText .pagination ol li.currentpage a{  color: #fff;  }

    #text{width: 774px;}
/* ------------------- Pagination ------------------- */
/* ------------------- Content ------------------- */
/* ------------------- homepage ------------------- */
	.outer{background: url(../media/image/template/panel.png) top left repeat-x; display: inline;font: 12px Arial; float: left; height: 219px;overflow: hidden; margin-top: 18px; width: 775px;}
    
	.outer .link{ color:#1d4e73; float: right;margin-right: 5px;}
    
	.inner{background: url(../media/image/template/panel.png) 0 -218px no-repeat; float: right; height: 216px; width: 198px;}
/* ------------------- homepage ------------------- */
/* ------------------- News ------------------- */

/* ------------------- News ------------------- */
/* ------------------- Home Banner ------------------- */

/* ------------------- Home Banner ------------------- */
/* ------------------- Common ------------------- */

/* ------------------- Common ------------------- */

/* ------------------- News ------------------- */

/* ------------------- Pagination ------------------- */

/* ------------------- Pagination ------------------- */
/* ------------------- Pages ------------------- */

/* ------------------- News ------------------- */



/* ------------------- 404 ------------------- */
	.error_element { margin-left: 15px; }
	.error_element li { list-style: decimal inside; }
/* ------------------- 404 ------------------- */
/* ------------------- Pages ------------------- */
/* ------------------- Forms ------------------- */
/* ------------------- Common ------------------- */
	form { margin: 10px 10px 10px 15px; }
	fieldset { border: none; }
	legend { color: #000; font: bold 12px Arial; margin: 0 0 5px; padding: 0; }
	
	label { cursor: pointer; font-weight: bold; }
	label.inputlabel { display: block; float: left; }
	label.addlabel { font-weight: normal; }

	#pageText form ol li { list-style: none; }
	form li { margin-bottom: 10px; position: relative; }
	form .inputbox {  }
	form .input { display: inline; float: left; }
	form .button .submit { margin-left: 125px; }
	form .hide { display: none; }
	span.required { color: red; }
	
	input.submit {  float: right;margin-right: 15px; padding: 2px; }

	.width01 { width: 25px; }
	.width02 { width: 50px; }
	.width03 { width: 75px; }
	.width04 { width: 100px; }
	.width05 { width: 125px; }
	.width06 { width: 150px; }
	.width07 { width: 200px; }
	.width08 { width: 250px; }
	.width09 { width: 300px; }
	.width10 { width: 400px; }
	.width00 { width: 98%; }
	.width33 { width: 33%; }
	
	.marginLeft07 { margin-left: 200px; }
    #contact #contactButton{float: left;margin-left: 125px;}
    #contact{float: left;margin-left: -10px;}
/* ------------------- Headers ------------------- */

/* ------------------- Headers ------------------- */
/* ------------------- Search Form ------------------- */
		#search{ background: url(../media/image/template/search_bar.png) center left no-repeat; margin: 0; height: 27px;  width: 267px; position: absolute; right: 2px; top: 0; }
            .summary{margin-bottom: 10px;}
		#q{background: none; border: none;color: #fff; width: 154px; height: 20px;float: right; margin-right: 1px;}
        
		#searchbtn{background: url(../media/image/template/buttonInput.png) center no-repeat;border: none; float: right; height: 23px; width: 28px; }
        
		#search label{ color: #bfedff;float: right;font-size: 10px; padding: 3px 4px;margin: 0 3px 0 0;}
        
        hr.search-line {background:#ccc; border:1px solid #0178A6}
/* ------------------- Search Form ------------------- */
/* ------------------- Forms ------------------- */

/* ------------------- Form Errors ------------------- */
/* form error display */
	.warn { color: #586b8a; display: block; font-weight: bold; margin-bottom: 10px; }

	.result { color: #f90; font: 12px Arial; font-weight: bold; margin: 10px; text-align: center; }

	label.error{ color: red; display: block; font-style: italic; margin-left: 5px; width: auto; }
/* ------------------- Form Errors ------------------- */
/* ------------------- Content ------------------- */

/* ------------------- Footer ------------------- */
	#footerBG { background: url(../media/image/template/footer.png) left bottom no-repeat;  height:127px; position: relative; width:100%; }
    
	#tcv_logo{position: absolute;bottom: 35px;left: 530px;}
    
	#cip_logo{position: absolute;bottom: 13px;left: 650px;}
    
	#eu_logo{position: absolute;bottom: 33px;left: 755px;}
/* ------------------- ICON Signature ------------------- */

/* ------------------- ICON Signature ------------------- */
/* ------------------- Footer ------------------- */