/* --------------------------------------------------------------------------------------------- */
/* --- Designed and Edited by gsavakis 2008 --- */
body {
		 background-image: url(../images/bgr-outside.jpg);
		 background-position: 0px 0px;
		 background-repeat: repeat-x;
		 background-color : #8a211d;

        color: #404040;
        font-family : Tahoma, Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;

    margin: 0px 0px 0px 0px;
        

        scrollbar-face-color: #B3A59A;
        scrollbar-shadow-color: #FAE9D1;
        scrollbar-highlight-color: #B3A59A;
        scrollbar-3dlight-color: #FAE9D1;
        scrollbar-darkshadow-color: #B3A59A;
        scrollbar-track-color: #F1E7DB;
        scrollbar-arrow-color: #FBF2E3;
}

h1 {
        background: transparent;
        color: #707070;
        font-family : Tahoma, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: bold;
        text-decoration: none;
}
h2 {
        background: transparent;
        color: #707070;
        font-family : Tahoma, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
}
h3 {
        background: transparent;
        color: #707070;
        font-family : Tahoma, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
}
h4 {
        background: transparent;
        color: #707070;
        font-family : Tahoma, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
}
h5 {
        background: transparent;
        color: #707070;
        font-family : Tahoma, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
}
h6 {
        background: transparent;
        color: #707070;
        font-family : Tahoma, Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}



/* ----- CLASSES ------ */
/* 
td.bgrinterface {
	background-image: url(../images/bgr-interface-right.jpg);
		 background-position: 0px 0px;
		 background-repeat: repeat-x;
		 background-color : #FAFAFA;
}
td.mediabordered {
		 background-color : transparent;
		 border-left: 1px solid #EEEEEE;
		 border-right: 1px solid #EEEEEE;
		 border-top: 0px solid #EEEEEE;
		 border-bottom: 0px solid #EEEEEE;	
}
td.bgrleft {
	background-image: url(../images/bgrleft.jpg);
		 background-position: 0px 0px;
		 background-repeat: repeat-y;
		 background-color : #FAFAFA;
}
*/


td.bgr-left-bgr-line {
		 
		 background-image: url(../images/bgr-left-bgr-line.jpg);
		 background-position: 0px 0px;
		 background-repeat: repeat-y;
		 background-color : #8a211d;
}


/* ----- BORDERED TABLES ----- */
table.bordered {
	 color: #1B1B1B;
    font-family : Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
/* border-top: 1px solid #9BC0DD; (CYEN) */
/* border-top: 1px solid #999999; (DARK GRAY) */
        border-top: 1px solid #9BC0DD; 
		  border-left: 1px solid #9BC0DD; 
}

/*-----*/

td.bordered-top {
	 color: #1B1B1B;
    font-family : Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
			border-top: 1px solid #9BC0DD; 
}
td.bordered-left {
	 color: #1B1B1B;
    font-family : Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
	      border-left: 1px solid #9BC0DD;
}
td.bordered-right {
	 color: #1B1B1B;
    font-family : Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
	      border-right: 1px solid #9BC0DD;
}
td.bordered-bottom {
	 color: #1B1B1B;
    font-family : Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
			border-bottom: 1px solid #9BC0DD; 
}

/*-----*/

td.bordered-top-left {
	 color: #1B1B1B;
    font-family : Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
	      border-top: 1px solid #9BC0DD; 
			border-left: 1px solid #9BC0DD; 
}
td.bordered-top-right {
	 color: #1B1B1B;
    font-family : Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
	      border-top: 1px solid #9BC0DD; 
			border-right: 1px solid #9BC0DD; 
}
td.bordered-bottom-left {
	 color: #1B1B1B;
    font-family : Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
	      border-bottom: 1px solid #9BC0DD;
			border-left: 1px solid #9BC0DD;
}
td.bordered-bottom-right {
	 color: #1B1B1B;
    font-family : Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
	      border-bottom: 1px solid #9BC0DD;
			border-right: 1px solid #9BC0DD;
}

/*-----*/

td.bordered-top-bottom-right {
	 color: #1B1B1B;
    font-family : Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
			border-top: 1px solid #9BC0DD;
			border-bottom: 1px solid #9BC0DD;
			border-right: 1px solid #9BC0DD;
}
td.bordered-left-top-bottom-right {
	 color: #1B1B1B;
    font-family : Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
	      border-left: 1px solid #9BC0DD;
			border-top: 1px solid #9BC0DD;
			border-bottom: 1px solid #9BC0DD;
			border-right: 1px solid #9BC0DD;
}
td.bordered-left-bottom-right {
	 color: #1B1B1B;
    font-family : Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
	      border-left: 1px solid #9BC0DD;
			border-bottom: 1px solid #9BC0DD;
			border-right: 1px solid #9BC0DD;
}

/*-----*/

td.bordered-small {  
	 color: #1B1B1B;
    font-family : Tahoma, Helvetica, Arial, sans-serif;
    font-size: 9px;
    font-weight: normal;
	padding : 2px 0px 2px 0px;
	margin : 0px 0px 0px 0px;
	      border-right: 1px solid #9BC0DD; 
			border-bottom: 1px solid #9BC0DD; 
}

tr.cursor { 
  cursor: default;
  }
/* ----- */

/* ---------------------------------------------------- */






/* --------------------------------------------------------------------------------- */
/* ------------------------------------ (START) TransMenu -------------------------- */
/* ----- TRANSMENU STYLE (styles.css) ----- */
#wrap {
    text-align : center;
 /* width of TopMenu */
    width:100%;
/* border:1px solid black; */
    }

#menu {
    background:transparent;
 /* width of TopMenu */
	 width:100%;
 /*  border-bottom:1px solid white;
    padding:2px 0; */
    }
#menu a {
    padding: 0px 0px 0px 0px;    
	background-color: transparent;
   color: #7C695A;
   font-family : Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-style: normal;
   text-decoration: none;
    }
#menu a.link {
    padding:4px 10px;    
	background-color: transparent;
   color: #7C695A;
   font-family : Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-style: normal;
   text-decoration: none;
    }
#menu a.visited {
    padding:4px 10px;    
	background-color: transparent;
   color: #7C695A;
   font-family : Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-style: normal;
   text-decoration: none;
    }
#menu a.hover {
/* background-color: #EAEAEA; */
/* background-color: #CACAD3; */
/* color: #7C695A; */
   color: #5A7C7B;
   font-family : Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-style: normal;
   text-decoration: underline;
    }
#menu a.active {
    padding:4px 10px;
    
	background-color: transparent;
   color: #7C695A;
   font-family : Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-style: normal;
   text-decoration: none;
    }
#menu span {
    display:none;
    }
#img {
    vertical-align:bottom;
    }

/* ----- */

/* ----- TRANSMENU STYLE (transmenu.css) ----- */
/* this is the clipping region for the menu. it's width and height get set by script, 
depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

.transMenu .content {
	position:absolute;
	}

.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	}

.transMenu.top .items {
	border-top:none;
	}

.transMenu .item {
   color: #000353;
   text-decoration:none;
	border:none;
	cursor:pointer;
	cursor:hand;
	}

.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=100);
	}

.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=100);
	}

.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=100);
	}

.transMenu .item.hover {
	background:#DDDDE1;
	color:black;
	}

.transMenu .item img {
	margin-left:10px;
	}
/* --------------- */
/* ------------------------------------ (END) TransMenu ---------------------------- */
/* --------------------------------------------------------------------------------- */



/* ----- ACCORDION ----- */
/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
/* background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a; */
		 background-image: url(../images/accordion_toggle.jpg);
		 background-position: 0px 0px;
		 background-repeat: no-repeat;
		 background-color : #FAFAFA;
			  display: block;
		 width: 548px;
		 height: 41px;
/* padding: 0 10px 0 10px; */
		 padding-bottom: 0px;
		 padding-left: 0px;
		 padding-right: 0px;
		 padding-top: 0px;
		 line-height: 41px;
/* color: #ffffff; */
		 font-family : Tahoma, Helvetica, Arial, sans-serif;
		 font-size: 11px;
		 font-weight: normal;
		 text-decoration: none;
		 outline: none;
		 color: #707070;
/* border-bottom: 1px solid #cde99f; */
			  cursor: pointer;
			  margin-bottom: 0px;
			  margin-left: 0px;
			  margin-right: 0px;
			  margin-top: 0px;
		}
		
		.accordion_toggle_active {
/* background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f; */
		 background-image: url(../images/accordion_toggle_active.jpg);
		 background-position: 0px 0px;
		 background-repeat: no-repeat;
		 background-color : #FAFAFA;
		 font-family : Tahoma, Helvetica, Arial, sans-serif;
		 font-size: 11px;
		 font-weight: normal;
		 text-decoration: none;
		 outline: none;
		 color: #707070;
/* border-bottom: 1px solid #f68263; */
		}

/* -- Accordion Content -- */
.accordion_content_bordered {
		 background-color : #FAFAFA;
		 border-left: 1px solid #EEEEEE;
		 border-right: 1px solid #EEEEEE;
		 border-top: 0px solid #EEEEEE;
		 border-bottom: 0px solid #EEEEEE;
		}		
.accordion_content {
		 background-color : #FAFAFA;
		 font-family : Tahoma, Helvetica, Arial, sans-serif;
		 font-size: 11px;
		 font-weight: normal;
		 color: #303030;
		 text-decoration: none;
			  overflow: hidden;
		
		 padding-bottom: 0px;
		 padding-left: 5px;
		 padding-right: 5px;
		 padding-top: 0px;
		}		 
.accordion_content a:active {
	    background-color : #FAFAFA;
		 font-family : Tahoma, Helvetica, Arial, sans-serif;
		 font-size: 11px;
		 font-weight: normal;
		 color: #0076A3;
		 text-decoration: none;
}
.accordion_content a:hover {
	    background-color : #FAFAFA;
		 font-family : Tahoma, Helvetica, Arial, sans-serif;
		 font-size: 11px;
		 font-weight: normal;
		 color: #0076A3;
   text-decoration: underline;
}
.accordion_content a:link {
	    background-color : #FAFAFA;
		 font-family : Tahoma, Helvetica, Arial, sans-serif;
		 font-size: 11px;
		 font-weight: normal;
		 color: #0076A3;
		 text-decoration: none;
}
.accordion_content a:visited {
	    background-color : #FAFAFA;
		 font-family : Tahoma, Helvetica, Arial, sans-serif;
		 font-size: 11px;
		 font-weight: normal;
		 color: #0076A3;
		 text-decoration: none;
}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
   line-height: 150%;
   padding: 5px 10px 15px 10px;
			}
/* ----- */
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ff0000;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
/* --------- Container styling --------- */

 /*   #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
*/

    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }
/* --------------------- */




/* --- Designed and Edited by gsavakis 2008 --- */
/* --------------------------------------------------------------------------------- */



.text {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #303030;
	font-variant: normal;
	text-transform: none;
	word-spacing: normal;
	font-weight: normal;
}

.text_title {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #0076a3;
	font-variant: normal;
	text-transform: none;
	word-spacing: normal;
	font-weight: bold;
}

.center_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #464646;
	font-variant: normal;
	text-transform: none;
	word-spacing: normal;
	letter-spacing: 0.5px;
	text-align: center;
}
.small_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #999;
}
a.small_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #00719B;
}
a.small_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #5b2413;
}
a.small_link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #00719B;
}
a.center_link {
	color: #00719B;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
a.center_link:visited {
	color: #00719B;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.center_link:hover {
	color: #5b2413;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
a.list_link {
	font-size: 12px;
	font-style: normal;
	color: #1597c5;
	text-align: left;
	list-style-type: circle; 
	text-decoration: none;
}
a.list_link:visited {
	font-size: 12px;
	font-style: normal;
	color: #1597c5;
	text-align: left;
	list-style-type: circle;
	text-decoration: none;
}
a.list_link:hover {
	font-size: 12px;
	font-style: normal;
	color: #5b2413;
	text-align: left;
	list-style-type: circle;
	text-decoration: none;
}
