/******************************************************************************/
/* Liferay                                                                    */
/******************************************************************************/
/* Global */
a {
color: #000000;
text-decoration: none;
}
a:hover {
color: #C79602;
text-decoration: underline;
}
body {
/*	background-color: #fff000;*/
background-color: #DCDCDC;
border: 0;
margin: 0;
padding: 0;
text-align: center;
font-family: "Microsoft Sans Serif";
font-size: 78%;
}
body * {
font-size: 1em;
}
.font-xx-small { font-size: 0.7em; }
.font-x-small { font-size: 0.8em; }
.font-small { font-size: 0.9em; }
.font-large { font-size: 1.1em; }
.font-x-large { font-size: 1.3em; }
.font-xx-large { font-size: 1.5em; }
h1 { font-size: 1.1em; font-family: "Microsoft Sans Serif"; }
h2 { font-size: 1.1em; font-family: "Microsoft Sans Serif"; }
h3 { font-size: 0.8em; font-family: "Microsoft Sans Serif"; }
form { margin: 0; padding: 0; }
ul {
list-style-type: none;
list-style-image: url(/html/themes/mikra_1/images/custom/bullet.gif);
margin: 5px 0 10px 15px;
padding: 0;
}
input, button, select, textarea { 
border-color: #FFC000;
border-style: solid;
border-width: 1px;
padding: 2px 2px 2px 2px ;
font-size: 0.9em; 
}
img { border: 0; margin: 0; padding: 0 ; border-width: 0px;}
.form-button {
background-color: #F2F2F2;
border-color: #6699CC;
border-style: solid;
border-width: 1px;
}
.form-button-hover {
border-bottom: solid 1px #6699CC;
border-left: solid 1px #F2F2F2;
border-right: solid 1px #6699CC;
border-top: solid 1px #F2F2F2;
}
.form-text {
border-color: #CCCCCC;
border-style: solid;
border-width: 0px;
font-size: 0.9em;
font-weight: normal;
}
.FormAreaDisable {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
padding: 2px 2px 2px 2px ;
font-size: 0.8em; 
}
.tree-js-pop-up DIV {
background-color: #D3D3D3;
border: 2px Outset #FFFFFF;
display: none;
padding: 4px;
position: absolute;
text-align: left;
z-index: 10;
}
/* Alpha */
.alpha {
background-color: #6699CC;
}
.alpha-neg-alert {
color: #FF0000;
}
.alpha-pos-alert {
color: #007F00;
}
.alpha-separator {
background: url(/html/themes/mikra_1/images/custom/dotted-horizontal.gif) scroll repeat-x;
height: 1px;
font-size: 0;
}
A.alpha {
background: none;
color: #000000;
text-decoration: none;
}
A.alpha:hover {
color: #000000;
text-decoration: underline;
}
FONT.alpha {
background: none;
color: #000000;
}
/* Beta */
.beta {
background-color: #B6CBEB;
}
.beta-neg-alert {
color: #FF0000;
}
.beta-pos-alert {
color: #007F00;
}
.beta-separator {
background: url(/html/themes/mikra_1/color_schemes/01/portlet_menu_bg_x.gif) repeat-x;
height: 1px;
font-size: 0;
}
A.beta {
font-weight:bold;
background: none;
color: #EDB304 ; /*#000000;*/
text-decoration: none;
}
A.beta:hover {
color: #EDB304 ; /*#000000;*/
text-decoration: underline;
}
FONT.beta {
background: none;
color: #000000;
}
/* Gamma */
.gamma {
background-color: #F2F2F2;
}
.gamma-gradient {
background: url(/html/themes/mikra_1/color_schemes/01/portlet_bg_x.gif) repeat-x;
}
.gamma-neg-alert {
color: #FF0000;
}
.gamma-pos-alert {
color: #007F00;
}
.gamma-tab {
border-bottom: 1px solid #FFC000;/*#B6CBEB*/;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 15px;
margin-right: 0px;
padding-bottom: 27px;
padding-left: 0px;
}
.gamma-tab ul, .gamma-tab li {
background: #F6F6F6;
border: 1px solid #CCCCCC;
border-bottom: 1px solid #FFC000; /*#B6CBEB;*/
color: #CCCCCC;
display: inline;
float: left;
line-height: 22px;
list-style-type: none;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}
.gamma-tab ul.current, .gamma-tab li.current {
background: #F2F2F2;
border: 1px solid #FFC000; /*#B6CBEB;*/
border-bottom: 1px solid #F2F2F2;
color: #000000;
}
.gamma-tab li a { color: #777777; }
.gamma-tab li.current a { color: #000000; }
.gamma-tab li.toggle {
background: none;
border: 0px;
float: right;
margin-right: 0px;
padding-right: 0px;
}
A.gamma {
background: none;
color: #000000;
text-decoration: none;
}
A.gamma:hover {
color: #000000;
text-decoration: underline;
}
FONT.gamma {
background: none;
color: #000000;
}
/* Bg */
.bg {
background-color: #F2F2F2;
}
.bg-neg-alert {
color: #FF0000;
}
.bg-pos-alert {
color: #007F00;
}
A.bg {
background: none;
color: #000000;
text-decoration: none;
}
A.bg:hover {
color: #000000;
text-decoration: underline;
}
FONT.bg {
color: #000000;
}
/******************************************************************************/
/* Liferay Layout CSS                                                         */
/******************************************************************************/
#layout-outer-side-decoration {
margin: 5px auto 0 auto;
}
#layout-inner-side-decoration {
}
#layout-box {
text-align: center;
width: 100%;
padding-top: 10px;
}
#layout-top-banner {
background: url(/html/themes/mikra_1/images/custom/banner-middle.png) scroll repeat-x;
position: relative;
text-align: left;
z-index: 3;
}
#layout-top-banner-left {
background: url(/html/themes/mikra_1/images/custom/banner-left.png) scroll no-repeat top left;
}
#layout-top-banner-right {
background: url(/html/themes/mikra_1/images/custom/banner-right.png) scroll no-repeat top right;
height: 150px; 
}
#layout-company-logo {
position: absolute;
top: 9px;
left: 15px;
}
#layout-company-header-image {
position: absolute;
top: 9px;
right: 15px;
}
#layout-user-menu {
text-align: left;
padding-left: 10px;
position: absolute;
top: -10px;
left: 5px;
font-weight:bold;
}
#layout-user-menu a{
color:#6E6E6E;
}
#layout-user-menu a:hover{
color:#000000;
text-decoration: none;
}
#layout-global-search {
position: absolute;
right: 20px;
top: 20px;
}
#layout-my-places {
position: absolute;
right: +15px;
top: -12px;
z-index: 3;
font-weight:bold;
color:#6E6E6E;
}
.layout-my-places {
cursor: pointer;
padding: 2px;
}
.layout-my-places-arrow {
padding: 2px;
}
#layout-my-places ul {
background-color: #F2F2F2;
border: 1px solid #6699CC;
cursor: pointer;
list-style-image: none;
position: absolute;
text-align: left;
right: 0;
margin: 0;
}
#layout-my-places ul li {
padding: 2px;
white-space: nowrap;
}
#layout-nav-container {
position: relative;
top: 70px;
/*	z-index: 0;*/
padding: 90px 12px 10px 12px;
text-decoration:none;
font-size:14px;
font-weight:bold;
}
#layout-nav-container a { color: #FFFFFF; }
#layout-nav-container a:hover { color: #F6BC08;text-decoration:none;}
.layout-nav-tabs-box {
background: url(/html/themes/mikra_1/images/custom/nav-bg.png) scroll repeat-x;
position: relative;
width: 100%;
}
.layout-nav-tabs-left {
background: url(/html/themes/mikra_1/images/custom/nav-left.png) scroll no-repeat top left;
position: relative;
}
.layout-nav-tabs-right {
background: url(/html/themes/mikra_1/images/custom/nav-right.png) scroll no-repeat top right;
padding: 0 2px 0 2px;
position: relative;
}
.layout-nav-tabs-box table { height: 50px; }
.layout-tab, .layout-tab-selected {
color: #000000;
font-size:14px;
font-weight:bold;
}
.layout-tab-selected {
background: url(/html/themes/mikra_1/images/custom/nav-selected.png) scroll repeat-x;
}
.layout-tab-hover {
background: url(/html/themes/mikra_1/images/custom/nav-hover.png) scroll repeat-x;
font-weight:bold;text-decoration:none;
}
.layout-column-spacer {
background: url(/html/themes/mikra_1/images/custom/column-bevel.png) scroll repeat-y center;
}
.layout-column-spacer div {
width: 10px;
}
#layout-content {
/*	margin: 0 3px 0 3px;
border-left: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
*/
margin: 0 0 0 0;
border-left: 0px solid #d7d7d7;
border-right: 0px solid #d7d7d7;
}
#layout-content-box {
/*	border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
background-color: #f2f2f2;
*/
background: url(/html/themes/mikra_1/images/custom/content_box_bg.gif) ;
padding: 70px 0px 10px 0px;
}
#layout-content-box img{ border:2px;
}
#layout-content-inner-decoration { padding: 0 20px 0 20px; }
#layout-content-container { width: 100%; }
/* Column Layout */
.layout-blank-portlet {
    clear: both;
font-size: 0px;
}
#layout-bottom-container {
background: url(/html/themes/mikra_1/images/custom/bottom-middle.png) scroll repeat-x;
color: #858585;
position: relative;
text-align: left;
width: 100%;
}
#layout-bottom-container span { 
color: #000000; 
position: relative; 
top: 1px; 
left: 20px; 
margin-left: 3px;
}
/*#layout-bottom-container a { color: #858585; }*/
#layout-bottom-container img { 
position: absolute; 
top: -20px; 
right: 15px;
/*	align: right;*/
}
#layout-bottom-left {
background: url(/html/themes/mikra_1/images/custom/bottom-left.png) scroll no-repeat top left;
}
#layout-bottom-right {
background: url(/html/themes/mikra_1/images/custom/bottom-right.png) scroll no-repeat top right;
height: 46px;
}
#layout-language-select {
position: absolute;
left: 25px;
top: 0px;
vertical-align: middle;
}
.portal-add-content {
background-color: #F2F2F2;
border: 3px solid #6699CC;
padding: 8px;
}
#layout-column_column-1,
#layout-column_column-2,
#layout-column_column-3,
#layout-column_column-4,
#layout-column_column-5
{
min-height: 75px;
}
.layout-column-highlight {
background: url(/html/themes/mikra_1/images/common/diagonal-lines.gif) scroll repeat;
}
/******************************************************************************/
/* Portlet CSS                                                                */
/******************************************************************************/
/* Liferay Portlet */
.portlet-dragging-placeholder {
background-color: #EAF2FF;
}
.portlet-loading {
background: url(/html/themes/mikra_1/images/progress_bar/loading_animation.gif) no-repeat top center;
margin-top: 10px;
padding-top: 40px;
text-align: center;
}
.portlet-container {
position: relative;
}
.portlet-box {
background-color: #F3F3F3;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
margin-right:1px;
margin-left:1px;
}
.portlet-minimum-height {
}
.portlet-header-bar {
background: url(/html/themes/mikra_1/images/custom/portlet-middle.png) scroll repeat-x;
height: 30px;
}
.portlet-header-left {
background: url(/html/themes/mikra_1/images/custom/portlet-left.png) scroll no-repeat top left;
height: 30px;
}
.portlet-header-right {
background: url(/html/themes/mikra_1/images/custom/portlet-right.png) scroll no-repeat top right;
height: 30px;
}
.portlet-borderless-container { position: relative; }
.portlet-borderless-bar { text-align: left; font-size: 0.8em; }
.portlet-title {
color: #FFFFFF ;
font-family: "Microsoft Sans Serif";
font-size: 13px;
font-weight: bold;
/*	position: absolute;*/
top: 5px;
/*	left: 10px;*/
/*	bottom: 3px;*/
padding-left: 10px;
}
.portlet-small-icon-bar {
padding-left: 2px;
position: absolute;
top: 2px;
right: 2px;
}
.portlet-small-icon {
margin-left: -2px;
}
.portlet-top-decoration {
background: url(/html/themes/mikra_1/color_schemes/01/portlet_corner_ul.gif) no-repeat top left;
height: 5px;
}
.portlet-top-decoration DIV {
background: url(/html/themes/mikra_1/color_schemes/01/portlet_corner_ur.gif) no-repeat top right;
height: 5px;
}
.portlet-top-decoration DIV DIV {
background: #F2F2F2;
border-top: 1px solid #6699CC;
font-size: 0;
height: 5px;
margin: 0 5px 0 5px;
}
.portlet-inner-top {
margin: 0 auto 0 auto;
}
.portlet-bottom-blank {
margin-bottom: 5px;
}
.portlet-bottom-decoration {
background: url(/html/themes/mikra_1/color_schemes/01/portlet_corner_bl.gif) no-repeat top left;
height: 5px;
}
.portlet-bottom-decoration DIV {
background: url(/html/themes/mikra_1/color_schemes/01/portlet_corner_br.gif) no-repeat top right;
height: 5px;
}
.portlet-bottom-decoration DIV DIV {
background: #F2F2F2;
border-bottom: 1px solid #6699CC;
font-size: 0;
height: 5px;
margin: 0 5px 0 5px;
}
.portlet-bottom-decoration-2 {
background: url(/html/themes/mikra_1/images/shadow/middle.gif) repeat-x;
margin-bottom: 5px;
}
.portlet-bottom-decoration-2 DIV {
background: url(/html/themes/mikra_1/images/shadow/left.gif) no-repeat;
}
.portlet-bottom-decoration-2 DIV DIV {
background: url(/html/themes/mikra_1/images/shadow/right.gif) no-repeat top right;
font-size: 0;
height: 6px;
}
/* Fonts */
.portlet-font {
color: #000000;
}
.portlet-font A {
color: #000000;
}
.portlet-font-dim {
color: #C4C4C4;
}
/* Messages */
.portlet-msg-status {
color: #000000;
font-style: italic;
}
.portlet-msg-info {
color: #000000;
}
.portlet-msg-error {
color: #FF0000;
}
.portlet-msg-alert {
color: #FF0000;
font-style: italic;
}
.portlet-msg-success {
color: #007F00;
}
/* Sections */
.portlet-section-header {
 /*background: #AFBEDA;*/
 color: #596171;
 font-weight: normal;
 width:100%;
}
.portlet-section-header A {
 color: #578584; /*#596171;*/
  
}
.portlet-section-body {
 color: #3F3F3F;
 background: #E1F7F5; /* grammh odd */
 }
.portlet-section-body-hover, TR.portlet-section-body:hover {
 color: #000000;
 background: #FFFFFF;
}
.portlet-section-body A {
 color: #3F3F3F;
}
.portlet-section-body-hover A, TR.portlet-section-body:hover A {
 color: #000000;
}
.portlet-section-alternate {
 color: #3F3F3F;
 background: #E1E9E4; /* grammh even */
}
.portlet-section-alternate-hover, TR.portlet-section-alternate:hover {
 color: #000000;
 background: #FFFFFF;
}
.portlet-section-alternate A {
 color: #000000;
}
.portlet-section-alternate-hover A, TR.portlet-section-alternate:hover A {
 color: #000000;
}
.portlet-section-selected {
 color: #7AA0EC;
 background: #FAFCFE;
}
.portlet-section-selected-hover, TR.portlet-section-selected:hover {
 color: #00329A;
 background: #C0D2F7;
}
.portlet-section-selected A {
 color: #7AA0EC;
}
.portlet-section-selected-hover A, TR.portlet-section-selected:hover A {
 color: #00329A;
}
.portlet-section-subheader {
 background: #91AEE8;
 color: #405278;
 padding: 2px;
}
.portlet-section-footer {
 color: #000000;
}
.portlet-section-text {
 color: #000000;
}
/* Forms */
.portlet-form-label {
color: #000000;
}
.portlet-form-input-field {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
}
.portlet-form-button {
background-color:#FFC000 ;
border-color: #8D8D8D; /*#6699CC;*/
border-style: solid;
border-width: 1px;	
color: white;
padding: 2px 2px 2px 2px;
font-weight: bold;
}
.portlet-icon-label {
color: #000000;
}
.portlet-dlg-icon-label {
color: #000000;
}
.portlet-form-field-label {
color: #000000;
}
.portlet-form-field {
color: #000000;
}
#my_portlet_style  {
color: #000000;
border: 2px;
}
/******************************************************************************/
/* Display Tag Library                                                        */
/******************************************************************************/
TR.even { background-color:#D8EAE9 /*#B6CBEB*/; color: #000000; }
TR.odd { background-color: #D8EAE9 /*#F2F2F2*/; color: #000000; }
/* some stelios add */
.rightcolbg { 
background-color: #E9E9E9 ; 
}
.portlet2-gradient {   
height: 151px;
background:url(/html/themes/mikra_1/images/custom/portlet2-gradient.gif) scroll repeat-x;  
}
/* > h hide-show tou soumel ... na to kano me css kai oxi me javascript */
.beta-gradient {     background-color: #d0d0d0;	}
.beta-gradient-subsection {      background-color: #e0e0e0;	}
/* < h hide-show tou soumel ... na to kano me css kai oxi me javascript */
/* some stelios add */
/*Sub Menu 1 - Dimos Mikras - Thelo na ...*/
#blueblock {
width: 100% ;
border-right: 0px solid #000;
padding: 0 0 0em 0;
margin-bottom: 0em;
font: bold 1.0em "Microsoft Sans Serif";
background-color: #D8D8D8;
color: #333;
}
* html #blueblock{ /*IE 6 only */
width: 100%; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}
#blueblock ul.list2{
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
border: none;
}
#blueblock li {
margin: 0;
}
#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 1px solid #FFC000;
border-right: 0px solid #FFFFFF;
background-color: #E9E9E9;
color: #000;
text-decoration: none;
width: 100%;
border-bottom: 1px dotted #AEACAC;
}
html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}
#blueblock li a:hover{
border-left: 1px solid #FFC000;
border-right: 0px solid #FFE699;
background-color: #FFE699;
color: #000;
text-decoration: underline;
}
.mysubmenutitle1{
color: white;
border-bottom: 2px solid #997401;
border-top: 1px solid #FFFFFF;
padding: 1px 0;
padding-left: 5px;
background-color: #FFC000;
font: bold 1.1em "Microsoft Sans Serif";
height:40px;
width:auto;
}
/*Sub Menu 1 - Dimos Mikras - Thelo na ...*/
/*Sub Menu 2 - Dimos Mikras - Thelo na ...*/
#sm2block {
width: 100%;
border-right: 0px solid #000;
padding: 0 0 0 0;
margin-bottom: 0;
font: bold 1.0em "Microsoft Sans Serif";
background-color: #D8D8D8;
color: #333;
}
* html #sm2block{ /*IE 6 only */
width: 100%; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}
#sm2block ul.list2{
list-style-image: none;
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#sm2block li {
margin: 0;
}
#sm2block li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 1px solid #DE9584;
border-right: 0px solid #FFFFFF;
background-color: #F2EFE6;
color: #000;
text-decoration: none;
width: 100%;
border-bottom: 1px dotted #AEACAC;
}
html>body #sm2block li a{ /*Non IE6 width*/
width: auto;
}
#sm2block li a:hover{
border-left: 1px solid #DE9584;
border-right: 0px solid #FFE699;
background-color: #F2D5CE;
color: #000;
text-decoration: underline;
}
.mysubmenutitle2{
color: white;
border-bottom: 2px solid #997401;
border-top: 1px solid #FFFFFF;
padding: 1px 0;
padding-left: 5px;
margin-top: 5px;
background-color: #DE9584;
font: bold 1.1em "Microsoft Sans Serif";
height:25px;
width:auto;
}
/*Sub Menu 2 - Dimos Mikras - Thelo na ...*/