body, div, h1, h2, input, textarea, select, table, tr, th, td {
	padding: 0;
	color:#3F6576;
	margin:0;
	font: small Arial, Helvetica, sans-serif;
	}
body {
	background:url(../images/template/body_bg.gif) bottom repeat-x;
	padding-bottom:30px;
	}
input {
/*	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #3F6576;
	border: 1px solid #748494;*/
}
a {
	color:#3F6576;
	text-decoration:underline;
	}
a:hover {
	background-color: #ddd;
	}	
a[href$=".pdf"] {
	background: url(../images/filetypes/pdf.gif) no-repeat right top;
	padding:2px 18px 0px 0;
}
a[href$=".doc"] {
	background: url(../images/filetypes/doc.gif) no-repeat right top;
	padding:2px 18px 0px 0;
}
a[href$=".txt"] {
	background: url(../images/filetypes/txt.gif) no-repeat right top;
	padding:2px 18px 0px 0;
}
a[href$=".ppt"] {
	background: url(../images/filetypes/ppt.gif) no-repeat right top;
	padding:2px 18px 0px 0;
}
a[href$=".xls"] {
	background: url(../images/filetypes/xls.gif) no-repeat right top;
	padding:2px 18px 0px 0;
}
a[href$=".zip"] {
	background: url(../images/filetypes/zip.gif) no-repeat right top;
	padding:2px 18px 0px 0;
}
p {
	margin:8px 0;
	}
	
/* layout */
h1 {
	background:#fff url(../images/template/top_shade.gif) top repeat-x;
	text-indent:-9000px;
	height:17px;
	}
h2 {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#3F6576;
	margin-top: 10px;
	border-bottom: 1px solid #B79200;
	background: url(../images/template/yellow_arrow.gif) no-repeat left center;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	height:13px;
}


#wrap {
	width:762px;
	margin:0 auto;	
	}

/* horizontal menu */
#horizontal_menu {
	height:33px;
	background: url(../images/template/horizontal_menu_bg.gif) top left no-repeat;
	position: relative;
	}
#horizontal_menu div {
	position:absolute;
	font:bold 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align: left;
	left: 218px;
	top: 16px;
	}
#horizontal_menu div a {
	color:#666;
	text-decoration: none;
	}
#menu_home {
	padding-left:14px;
	background:url(../images/home.gif) center left no-repeat;
	}
#menu_contact {
	padding-left:14px;
	background:url(../images/contact.gif) center left no-repeat;
	margin-left: 10px;
	}
#menu_sitemap {
	padding-left:14px;
	background:url(../images/sitemap.gif) center left no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	}
#menu_login {
	padding-left:14px;
	background:url(../images/login.gif) center left no-repeat;
	}
#horizontal_menu form {
	margin:0;
	position: absolute;
	top: 10px;
	left: 14px;
	font: bold 10px Verdana;
	}
#flashcontent8425{
	background:#fff;	
}

#frmSearch label {
	background: url(../images/template/green_arrow.gif) no-repeat;
	padding-left: 15px;
}	
#search {
	width: 80px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #3F6576;
	border: 1px solid #748494;
	}
#search_button {
	color: #3F6576;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #748494;
}

#flag_en, #flag_gr {
	
	}

#header {
	position:relative;
	background:url(../images/template/header.jpg) no-repeat;
	width:750px;
	height:150px;
	}	
#scroller {
	position:absolute;
	background:url(../images/template/scroller_bg.gif) no-repeat;
	left:100px;
	top:120px;
	width:443px;
	height:28px;	
	}
#scroller span {
	position:absolute;
	top: 6px;
	left: 22px;
}
#scroller.modified {
	background:url(../images/template/scroller_bg2.gif) no-repeat;
	width:550px;	
	}
#login {
	position:absolute;
	background: url(../images/template/login_bg.gif) no-repeat;
	left:547px;
	top:117px;
	width:214px;
	height:185px;
	display: none;
	z-index: 10;
	}

#login_float {
	float:right;
	width:200px;
	height:150px;
	display: block;
	position: relative;
	}
#login_float.modified {
	height: auto;
	width: auto;
}
#login_hide_button {
	font-size: 10px;
	background: url(../images/template/close_button.gif) no-repeat center right;
	padding-right: 12px;
	position: absolute;
	right: 20px;
	top: 14px;
}
#login_show_button {
	background: url(../images/template/green_arrow.gif) no-repeat left center;
	padding-left: 15px;
	position: absolute;
	top: 0px;
	right: 3px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	display: none;
}
#frm_login {
	text-align: right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #406576;
	position: absolute;
	top: 48px;
	right: 21px;
}
#frm_login label {
	width: 100px;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #3F6576;
}
#frm_login input { 
	width: 100px;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #3F6576;
	border: 1px solid #748494;
}
#frm_login #login_links {
	margin-top: 15px;
	line-height: 1.5em;
}
#frm_login #login_button {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3F6576;
	border: 1px solid #748494;
}
#logout {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3F6576;
	margin-bottom: 10px;
}
#main {
	background:url(../images/template/main_bottom.gif) bottom no-repeat;
	width:750px;
	padding-bottom:20px;
	position:relative;
	}
#jccImg{
  position:absolute;
  bottom:20px;
  left:62px;
}
#sidebar {
	float: left;	
	background:url(../images/template/sidebar_top.gif) top no-repeat;
	width:220px;
	padding-bottom: 110px;
	}
#content {
	float:right;
	background:url(../images/template/content_top.gif) top no-repeat;
	width:510px;
	font:11px Arial, Helvetica, sans-serif;
	padding-right:20px;
	padding-top: 10px;
	}	
#breadcrumbs {
	height:15px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	}
#breadcrumbs a, #breadcrumbs a:hover {
	color:#666;
	background:none;
	font-weight: normal;
}
#footer {
	background: url(../images/template/footer_bg.gif) no-repeat;
	width:750px;
	height:30px;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 0px;
	color:#666;
	}
#copyright {
	float:left;
	margin-left:10px;
}
#designed {
	float:right;
	margin-right:10px;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	







#contact_info {
	position:relative;
	background:#b0e332 url(../images/template/slogan_bg_email.gif) 0 0;
	height:43px;
	margin-top:1px;
	font:90%/210% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:3px 5px 0 5px;
	}
#contact_info a {
	background:none;
}


#content.email {
	padding:10px;
	background:none;
	}	
#content_text {
	font-size:90%;
	}



		
/*  headings */

h3 {
	font:130% Verdana, Arial, Helvetica, sans-serif;
	color:#c64934;
	}
h4 {
	font:bold 85% Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	}
.text_small {
	font:85% Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.5em;
	}


/*  cms administration panel */
.administration_panel, .administration_panel a, .administration_panel select {
	font-size:10px;
	}

		
.manageUsers tr td {
	line-height:20px;
	text-align:left;
}

.members_form tr th{
	font-size:11px;
	padding:0 5px;
	border-right:1px solid #999999;
}

#active{
	padding:0;
	margin:0;
	vertical-align:text-bottom;
}

/*  Admin stuff */

.admin_table {
	border-collapse:collapse;
	
}
.admin_table td {
	border:1px solid #CCCCCC;	
	padding:3px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#email_status.ok{
	border:1px solid #00CC00;
	padding:1px 2px;
}
#email_status.error{
	border:1px solid #FF0000;
	padding:1px 2px;
}
.img_border {
	border:1px solid #999999;
	padding:5px;
	margin-right:5px;
	margin-bottom:5px;
}


#right_column {
	float:right;
	margin-left:10px;
}
#right_column img {
border:none;
}
.highlight {
	background-color:#ddd;
}

/* Test Order Form */

#frm_order_tests fieldset {
	margin:1em;
	background:#FAFBFE;
	border:1px solid #73a0b5;
	
}
#frm_order_tests legend {
	font-weight:bold;
}
#frm_order_tests input, #frm_order_tests textarea {
	width:300px;
	margin-left:.5em;
}
#frm_order_tests label {
text-align:right;
width:120px;
float:left;
}
#frm_order_tests p {
	margin:10px 0;
	}
#frm_order_tests input.two_column {
	width:105px;
	}
#frm_order_tests label.two_column {
	float:none;
	margin-left:1em;
	}
#content.email_template {
	float: none;
	padding: 10px;
	width: auto;
	background: url(none);
}
#main.email_template {
	background: #FFFFFF url(../images/template/main_bottom_email.gif) no-repeat left bottom;
}
#scroller.email_template {
	background: url(../images/template/scroller_bg_email.gif) no-repeat;
	height: 28px;
	width: 746px;
	position: absolute;
	left: 2px;
	top: 120px;
}
/* Newsletter Module */
#content.email_template {
	float: none;
	padding: 10px;
	width: auto;
	background: url(../none);
}
#main.email_template {
	background: #FFFFFF url(../images/template/main_bottom_email.gif) no-repeat left bottom;
}


/*  email templates */
#Layer1.email {
	margin-left: 15px;
}
#main.email {
	padding-top: 1px;
}
#horizontal_menu.email {
	bottom: 0px;
	width: 70%;
	text-align: right;
}
#contact_info {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin-top: 5px;
	text-align: right;
	margin-right: 19px;
}

#frm_contact blockquote{
	width:400px;
	margin:0;
	border:1px solid #c1bcf6;
	padding: 0 20px;
	clear:both;
}

#frm_contact #inputData input{
	border:1px solid #CCCCCC;
	padding:1px 0px;
	vertical-align: middle;
	margin-bottom:10px	
}

#frm_contact blockquote textarea{
	border:1px solid #CCCCCC;
	width:320px;
	height:70px;
}

#frm_contact .contBut{
	margin:0 120px;
}

#loginUserTable tr td{
	padding:5px;
}


/* Page Administration panel buttons */
.administration_panel, .administration_panel a, .administration_panel select {
	font-size:10px;
	}

.administration_panel fieldset{
	border:1px solid #cccccc;
	padding: 0px 2px 10px 1px;
	margin:0 0 25px 0;
} 

.administration_panel fieldset legend{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #999999;
}

.adminButtons{
	float:left;
	width:86px;
	height:26px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:26px;
	text-decoration:none;
	text-transform:capitalize;
	padding-left:27px;
	margin-right:5px;
	margin-top:5px;
}
.adminButtons:hover{
	background-position:right;
}
#saveAdminButton{background-image:url(../images/smartCmsButtons/save.png);}
#cancelAdminButton{background-image:url(../images/smartCmsButtons/cancel.png);}
#newPageAdminButton{ background-image:url(../images/smartCmsButtons/newPage.png);}
#editPageAdminButton{background-image:url(../images/smartCmsButtons/editPage.png);}
#duplicatePageAdminButton{background-image:url(../images/smartCmsButtons/duplicatePage.png); width:88px; padding-left:25px;}
#deletePageAdminButton{background-image:url(../images/smartCmsButtons/deletePage.png);}
#imagesAdminButton{background-image:url(../images/smartCmsButtons/userImages.png);}
#filesAdminButton{background-image:url(../images/smartCmsButtons/userFiles.png);}
#emailsAdminButton{background-image:url(../images/smartCmsButtons/emailLists.png);}
#emailPageAdminButton{background-image:url(../images/smartCmsButtons/sendEmail.png);}
#usersAdminButton{background-image:url(../images/smartCmsButtons/manageUsers.png);}
#newMemberButton{background-image:url(../images/smartCmsButtons/newMember.png);}
#testsAdminButton{background-image:url(../images/smartCmsButtons/manageTests.png);}
#backAdminButton{background-image:url(../images/smartCmsButtons/back.png);}

#backupAdminButton{background-image:url(../images/smartCmsButtons/backup.png);}
#newsAdminButton{background-image:url(../images/smartCmsButtons/news.png);}
#careerAdminButton{background-image:url(../images/smartCmsButtons/career.png);}


/* hacks  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	


.mceVisualAid {
	border: 1px dashed #BBBBBB !important;
}

div.mceVisualAid {
	background-image:url('../images/spacer.gif');
	visibility: visible !important;
}

.mceItemAnchor {
	width: 12px;
	line-height: 6px;
	overflow: hidden;
	padding-left: 12px;
	background-image: url('../images/anchor_symbol.gif');
	background-position: bottom;
	background-repeat: no-repeat;
}

/* Important is needed in Gecko browsers inorder to style links */
/*
a {
	color: green !important;
}
*/

/* Style selection range colors in Gecko browsers */
/*
::-moz-selection {
	background-color: red;
	color: green;
}
*/

/* MSIE specific */

* html body {
	scrollbar-3dlight-color: #F0F0EE;
	scrollbar-arrow-color: #676662;
	scrollbar-base-color: #F0F0EE;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-face-color: #E0E0DD;
	scrollbar-highlight-color: #F0F0EE;
	scrollbar-shadow-color: #F0F0EE;
	scrollbar-track-color: #F5F5F5;
}