/*-------------------------------------------------------------------------------
 * jQuery Website Screen Presentation Layer
 * Author: Scott Jehl, scottjehl.com
 * Created: April 08
 * Notes:
-------------------------------------------------------------------------------*/

body {

}

/* #jq-intro  */
#jq-intro {
padding-top: 1em;
width: 80%;   /*to width pou exei to div. posa tha emfanizontai blAck PR*/
float: left;
margin-bottom: 3.5em;
}
#jq-intro h2 {
/*font-size: 1.9em;*/
font-weight: bold;
color: #5DB0E6;
line-height: 1em;
}
#jq-intro h2 span.jq-jquery {
float: left;
background: url(../images/logo_jquery_blueblack_81x23.gif) left no-repeat;
width: 81px;
height: 23px;
margin-right: .3em;
position: relative;
}
#jq-intro h2 span.jq-jquery span {
	position: absolute;
	left: -999999px;
}
#jq-intro p {
clear: both;
/*font-size: 1.5em;*/
margin: .8em 0;
font-weight: normal;
line-height: 1.6;
}
#jq-intro ul {
padding: 1.5em 0;
}
#jq-intro li {
	background: none;  /*blAck PR gia na figoun oi teleies tis listas*/
	float: left;
/*	font-size: 1.4em;  to font size pou exei mesa sto bubble*/
}
#jq-intro li a {
	color: #5DB0E6;
	font-weight: bold;
	text-decoration: underline;
	float: left;
	background: url(../images/icon_check_whiteOnDarkBlue.gif) left no-repeat;
	padding: 0 30px 0 23px;
}
#jq-intro li p {
/*	font-size: .9em;*/
}
body.jq-enhanced #jq-intro li {
position: relative;
}
body.jq-enhanced #jq-intro li div.jq-checkpointSubhead {
	opacity: 0.0001;
	position: absolute;
	width: 180px;
	height: 252px;
	background: url(images/bubblepng2.png) 0 0 no-repeat;
	top: -1.5em;
	left: -2%;
	z-index: auto; /*blAck PR kanonika eprepe na einai 100. To allaksa gia na min paei pano apo to li tou menu*/


}
body.jq-enhanced #jq-intro li div.jq-checkpointSubhead p{
/*font-size: 1em;*/
padding: 10px 5px 0 15px;  /*to padding pou tha exei mesa sto bubble blAck PR*/
color: #000000;
font-weight: normal;
line-height: 1.3em;
margin: 0;
/*cursor: pointer;  gia na min einai velaki to mouse otan to vazeis pano apo ta grammata blAck PR*/
}


p.neat {
display: none;
clear: both;
margin: 1em 0;
padding: 1em 15px;

background: #0F67A1;
}
p.surprise a {
color: #fff;
}

.fieldset-wrapper .project-terms li {
/*font-size: 1.3em;*/

}



/* ----- clear fix for floats ----- */
.jq-clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.jq-clearfix { display:inline-block; width: 130%; }		
/* hides clearfix from IE-mac \*/
* html .jq-clearfix { height:1%; }
.jq-clearfix { display:block; }
/* end hide from IE-mac */










/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	color: #333333;
}

#TB_secondLine {
	color:#666666;
}

#TB_window a {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#131D28;
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 2px solid #111;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	position: absolute;
	top: 0;
	right: 0;
}

#TB_closeAjaxWindow{
	position: absolute;
	top: 0;
	right: 0;
}
#TB_closeWindowButton {
float: right;
/*font-size: 1.3em;*/
color: #760000 !important;
text-transform: uppercase;
text-decoration: none;
	font-weight: bold;
	background: url(../images/icon_closeX.gif) left 50% no-repeat;
	margin: 7px 15px;
	padding:0 0 0 15px;
}
#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 15px;
	margin-bottom:1px;
	/*font-size: 1.5em;*/
	color: #131D28;
	font-weight: bold;

}

#TB_title{
	background:#fff url(../images/bg_overlay_header.gif) repeat-x top;
	height:35px;
	border-bottom: 1px solid #222;
	position: relative;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:31px;
	width:31px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.jq-offsetHeight / 2) + (TBWindowMargin = document.jq-documentElement && document.jq-documentElement.jq-scrollTop || document.jq-body.jq-scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.jq-body.jq-scrollHeight > document.jq-body.jq-offsetHeight ? document.jq-body.jq-scrollHeight : document.jq-body.jq-offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}