* { padding: 0; margin: 0; }

body {
 font-family: Tahoma,Arial,sans-serif;
 font-size: 11px;
 background:url("images/header_bg.jpg") repeat-x;
 width:100%;
}
#wrapper { 
 margin: 0 auto;
 width: 970px;
}
#header {
 color: #333;
 width: 950px;
 border: 0px solid #ccc;
}
#navigation {
 float: left;
 width: 969px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: url("images/navigation1_bg.jpg") repeat-x ;
 height:205px;
 z-index:100;
}
#headlines {
 float: left;
 width: 969px;
 color: #000;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: url("images/headlines_bg.jpg") repeat-x;
 height:32px;
 z-index:100;
}
#leftcolumn { 
 color: #333;
 border: 1px solid #fff;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 100%;
 width: 165px;
 float: left;

}
#content { 
 float: left;
 color: #333;
 border: 1px solid #fff;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 100%;
 width: 536px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 border: 1px solid #fff;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 100%;
 width: 203px;
 float: left;
}
#footer { 
 width: 940px;
 clear: both;
 color: #fff;
 border: 1px solid #ccc;
 background:url("images/footer_bg.jpg") repeat-x;
 margin: 0px 0px 0px 0px;
 padding: 20px;
 bottom:0px;
  height: 20px;
   font-family: Tahoma,Arial,sans-serif;

  font-weight:bold;
}


#copyrights{
float:left;


}
#footer_links{
float:right;
font-weight:normal;


}


#acc_baner_image_foroi{

width:510px;height:205px; background: url("images/foroi_banner.jpg") repeat-x;

}
#acc_baner_image_input{

width:510px;height:205px; background: url("images/input_banner.jpg") repeat-x;

}
#acc_baner_image_calculus{

width:510px;height:205px; background: url("images/calculus_banner.jpg") repeat-x; 
/*background: url("../../images/calculus_banner.jpg") repeat-x;   for ie6*/ 

}
#acc_baner_image_anazitisis{

width:510px;height:205px; background: url("images/anazitisis_banner.jpg") repeat-x;

}
#acc_baner_image_paycheck{

width:510px;height:205px; background: url("images/paycheck_banner.jpg") repeat-x;

}
#acc_baner_image_assets{

width:510px;height:205px; background: url("images/assets_banner.jpg") repeat-x;

}
#acc_baner_image_fillup{

width:510px;height:205px; background: url("images/fillup_banner.jpg") repeat-x;

}
#acc_baner_image_pbs{

width:510px;height:205px; background: url("images/pbs_banner.jpg") repeat-x;

}

#acc_baner_image_lp{

width:510px;height:205px; background: url("images/lp_banner.jpg") repeat-x;

}
#headlines_button {
	height: 30px;
	width: 969px;
	margin: auto;
	position: relative;
	cursor:pointer;
	
}

/*ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
		z-index:100;
}*/

.menu_class {
	border:0px solid #1c1c1c;
		z-index:100;
}

.the_menu {
	display:none;
	width:969px;
	border: 0px solid #1c1c1c;
	z-index:999999;
	list-style:none;
	position:relative;	
}

.the_menu li {
	background-color: #060606;
}

.the_menu li a {
	color:#FFFFFF; 
		font-family:Tahoma,Arial,sans-serif;
	font-size:10px;
	font-weight:bold;

	text-decoration:none; 
	padding:10px; 
	display:block;
}

.the_menu li a:hover {
	padding:10px;
	font-family:Tahoma,Arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
	color: #ffffff;
}
.accordionWrapper{display:inline-block; overflow:hidden; }
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;}

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .expandable{ /*CSS class for menu headers in general (expanding or not!)*/
font: normal 90% Tahoma,Arial,sans-serif;
color: white;
background: #4261a2;
margin: 0px;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 10px 4px 16px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*background-image: url(../images/titlebar-active.png);*/

background: #E70200 ;
font: bold 90% Tahoma,Arial,sans-serif;
color: white;

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #010138;
background: url(../images/bullets.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color: #B41810;
margin-bottom: 10px;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #B41810;
background-color: #F3F3F3;
margin-bottom: 10px;
}

.UIHomeBox .UITitledBox_Top {
padding:0 0 4px;
}
.clearfix {
display:block;
}
.UITitledBox_Top {
border-bottom:1px solid #CCCCCC;
overflow:hidden;
padding:0 0 3px;
vertical-align:bottom;
}

.UITitledBox_Top {
border-bottom:1px solid #CCCCCC;
overflow:hidden;
padding:0 0 3px;
vertical-align:bottom;
}






.UITitledBox_TitleBar .UITitle {
float:left;
}
.UITitle_h5 {
		font-family:Tahoma,Arial,sans-serif;

font-size:10px;
float:left;
}
.UITitle {
		font-family:Tahoma,Arial,sans-serif;

font-weight:bold;
margin-top:10px;

padding:0;
}

#pcw_cover {
background-image:url(../images/pcw_cover_border.gif);
background-position:left top;
background-repeat:no-repeat;
display:inline;
float:left;
margin-left:13px;
margin-right:11px;
padding-bottom:3px;
width:223px;
}
a:link {color: #4c4a4a; text-decoration: none; font-size:10px; font-family:Tahoma,Arial,sans-serif; font-weight: bold; text-decoration: underline; }
a:visited {color: #4c4a4a; text-decoration: none;font-size:10px; font-family:Tahoma,Arial,sans-serif; font-weight: normal;}
a:hover {color: #4c4a4a; text-decoration: none;font-size:10px;font-family:Tahoma,Arial,sans-serif; font-weight: bold; }
a:active {color: #4c4a4a; font-size:10px;font-family:Tahoma,Arial,sans-serif; font-weight: normal; }

a.svnlink:link {color: #f75410; text-decoration: none; font-size:120%; font-family:Tahoma,Arial,sans-serif; font-weight: bold; }
a.svnlink:visited {color: #ff0000; text-decoration: none;font-size:120%; font-family:Tahoma,Arial,sans-serif; font-weight: bold;}
a.svnlink:hover {color: #678de0; text-decoration: underline;font-size:120%;font-family:Tahoma,Arial,sans-serif; font-weight: bold; }
a.svnlink:active {color: #ff0000; font-size:120%;font-family:Tahoma,Arial,sans-serif; font-weight: bold; }


a.newsarchive:link {color: #4c4a4a; text-decoration: none; font-size:100%; font-family:Tahoma,Arial,sans-serif; font-weight: normal; }
a.newsarchive:visited {color: #4c4a4a; text-decoration: none;font-size:100%; font-family:Tahoma,Arial,sans-serif; font-weight: normal;}
a.newsarchive:hover {color: #4c4a4a; text-decoration: underline;font-size:100%;font-family:Tahoma,Arial,sans-serif; font-weight: normal; }
a.newsarchive:active {color: #4c4a4a; font-size:100%;font-family:Tahoma,Arial,sans-serif; font-weight: normal; }

a.newsarchiveW:link {color: #fff; text-decoration: none; font-size:100%;font-family:Tahoma,Arial,sans-serif; font-weight: bold; }
a.newsarchiveW:visited {color: #fff; text-decoration: none;font-size:100%;font-family:Tahoma,Arial,sans-serif; font-weight: bold;}
a.newsarchiveW:hover {color: #fff; text-decoration: underline;font-size:100%;font-family:Tahoma,Arial,sans-serif; font-weight: bold; }
a.newsarchiveW:active {color: #fff; font-size:10px;font-size:100%;font-family:Tahoma,Arial,sans-serif; font-weight: bold; }


a.feedlink:link {color: #4c4a4a; text-decoration: none; font-size:10px; font-family:Tahoma,Arial,sans-serif; font-weight: bold; }
a.feedlink:visited {color: #4c4a4a; text-decoration: none;font-size:10px; font-family:Tahoma,Arial,sans-serif; font-weight: bold;}
a.feedlink:hover {color: #4c4a4a; text-decoration: underline;font-size:10px;font-family:Tahoma,Arial,sans-serif; font-weight: bold; }
a.feedlink:active {color: #4c4a4a; font-size:10px;font-family:Tahoma,Arial,sans-serif; font-weight: bold; }

a.mainbanner:link {color: #000000; text-decoration: none; font-size:10px; font-family:Tahoma,Arial,sans-serif; font-weight: bold; cursor:pointer; }
a.mainbanner:visited {color: #000000; text-decoration: none;font-size:10px; font-family:Tahoma,Arial,sans-serif; font-weight: bold; cursor:pointer; }
a.mainbanner:hover {color: #000000; text-decoration: none;font-size:10px;font-family:Tahoma,Arial,sans-serif; font-weight: bold;cursor:pointer;  }
a.mainbanner:active {color: #000000; font-size:10px;font-family:Tahoma,Arial,sans-serif; font-weight: bold;cursor:pointer;  }

a.trydemo:link {color: #4c4a4a; text-decoration: none; font-size:120%; font-family:Tahoma,Arial,sans-serif; font-weight: bold; }
a.trydemo:visited {color: #4c4a4a; text-decoration: none;font-size:120%; font-family:Tahoma,Arial,sans-serif; font-weight: bold;}
a.trydemo:hover {color: #4c4a4a; text-decoration: underline;font-size:120%;font-family:Tahoma,Arial,sans-serif; font-weight: bold; }
a.trydemo:active {color: #4c4a4a; font-size:120%;font-family:Tahoma,Arial,sans-serif; font-weight: bold; }

a.redlink:link {color: #ff0000; text-decoration: none; font-size:120%; font-family:Tahoma,Arial,sans-serif; font-weight: bold; }
a.redlink:visited {color: #ff0000; text-decoration: none;font-size:120%; font-family:Tahoma,Arial,sans-serif; font-weight: bold;}
a.redlink:hover {color: #ff0000; text-decoration: underline;font-size:120%;font-family:Tahoma,Arial,sans-serif; font-weight: bold; }
a.redlink:active {color: #ff0000; font-size:120%;font-family:Tahoma,Arial,sans-serif; font-weight: bold; }


/* use a semi-transparent image for the overlay */ 
#overlay { 
background:url(images/white_756.png);

width:756px;
    color:#000; 
    height:450px;
	z-index:100;
} 
 #overlay2 { 
background:url(images/black_756.png);

width:756px;
    color:#000; 
    height:600px;
	z-index:100;
} 
/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap_ovl_icons { 
margin-left:40px;
margin-top:33px;
width:280px;
    height:48px; 
}
div.wrap { 
margin-left:40px;
margin-top:20px;
width:580px;
    height:441px; 
}
div.wraplive { 
margin-left:40px;
margin-top:2px;
width:580px;
    height:441px; 
}


#feedcontents div {
padding: 0;
margin-bottom: 1em;
}

#feedcontents div ul {
padding-top: 0;
margin-left: 3px;
}
.ul li

div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid;  }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC;  }
div.textcontainer { margin: 0 0 10px 0; padding: 5px 10px; border: #E4E9EC 1px solid; background-color: #F0F1F2;  }

div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note  { margin-left: 17px; font-size: 98%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container input {background-color: #f0f5fb;}
div.form-container select {background-color: #f0f5fb; font-size: 95%;}

div.info { margin: 0 0 10px 0; padding: 5px 10px; background-color:#FFCC66}
div.info p { margin: 0; }
div.info p em { color: #C00; font-style: normal; font-weight: bold; }

#myBox{
    margin: 0 auto;
    color: #000;
    width: 170px;
    padding: 0px;
    text-align: left;
    background-color: #000;
    border: 2px solid #000;
	z-index:0px;
}
#myBox p {
  padding:0;
  margin:1ex 0;
}
div.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:100%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;

	background-color:#fff;
}
#siteLoader {
	position: absolute;
	z-index: 100;
	background-color: #f0f0f0;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 0;	
}

#loadImg {
	position: absolute;
	text-align: center;
	background-color: #ffffff;
	width: 100%;
	z-index: 100;
	top: 40%;
	left: 0;
	line-height: 0;	
}

#loadText {
  position: relative;
  font-family: "Trebuchet MS";
  font-size: 16px;
  top: 35%;
  height: 125px;
  color: #000;	
  text-align: center;  
	vertical-align: bottom;
}

#siteDetailLoader {
  position: relative;
  font-family: Verdana, Arial;
  font-size: 10px;
  color: #fff;	
	text-align: right;  
  top: 5%;	
  right: 10px;
}