﻿/* OUTER CORNERS */

.container-border_outer {
	border:1px solid #ffffff;
	width:925px;
	margin:0px;
	padding:0;
	border-color:#ffffff;
	background-color:#ffffff;
}

.corner-top_outer, .corner-bottom_outer, .corner-left_outer
{
	position:relative;
	display:block;
	line-height:0;
	font-size:0;
	height:5px;
	margin:0;
}
.corner-top_outer {
	background:transparent url(Images/corners_topright_outer.gif) no-repeat top right;
	width:auto;
	top:-1px;
	right:-1px;
}
.corner-top_outer .corner-left_outer {
	background:transparent url(Images/corners_topleft_outer.gif) no-repeat top left;
	width:5px;
	left:-2px;
}
.corner-bottom_outer {
	background:transparent url(Images/corners_bottomright_outer.gif) no-repeat bottom right;
	clear:both;
	width:auto;
	bottom:-1px;
	right:-1px;
}
.corner-bottom_outer .corner-left_outer {
	background:transparent url(Images/corners_bottomleft_outer.gif) no-repeat bottom left;
	width:5px;
	left:-2px;
}


/* CONTENT CORNERS */

.container-border_content {
	border:1px solid #A8C3F0;
	width:905px;
	margin:0px;
	padding:0px;
	border-color:#A8C3F0;
	background-color:#D0DCEE;
}

.corner-top_content, .corner-bottom_content, .corner-left_content
{
	position:relative;
	display:block;
	line-height:0;
	font-size:0;
	height:5px;
	margin:0;
}
.corner-top_content {
	background:transparent url(Images/corners_topright_content.gif) no-repeat top right;
	width:auto;
	top:-1px;
	right:-1px;
}
.corner-top_content .corner-left_content {
	background:transparent url(Images/corners_topleft_content.gif) no-repeat top left;
	width:5px;
	left:-2px;
}
.corner-bottom_content {
	background:transparent url(Images/corners_bottomright_content.gif) no-repeat bottom right;
	clear:both;
	width:auto;
	bottom:-1px;
	right:-1px;
}
.corner-bottom_content .corner-left_content {
	background:transparent url(Images/corners_bottomleft_content.gif) no-repeat bottom left;
	width:5px;
	left:-2px;
}

/* MENU CORNERS */

.container-border_menu 
{
	background-image: url("Images/bg_menu.jpg");  
	background-position: top left;
	background-repeat:repeat-x;
	border:1px solid #7E7056;
	width:905px;
	height:22px;
	margin:0px;
	padding:0;
	border-color:#7E7056;
	background-color:#7E7056;
}

.corner-top_menu, .corner-bottom_menu, .corner-left_menu
{
	position:relative;
	display:block;
	line-height:0;
	font-size:0;
	height:3px;
	margin:0;
}
.corner-top_menu {
	background:transparent url(Images/corners_topright_menu.gif) no-repeat top right;
	width:auto;
	top:-1px;
	right:-1px;
}
.corner-top_menu .corner-left_menu {
	background:transparent url(Images/corners_topleft_menu.gif) no-repeat top left;
	width:3px;
	left:-2px;
}
.corner-bottom_menu {
	background:transparent url(Images/corners_bottomright_menu.gif) no-repeat bottom right;
	clear:both;
	width:auto;
	bottom:-1px;
	right:-1px;
}
.corner-bottom_menu .corner-left_menu {
	background:transparent url(Images/corners_bottomleft_menu.gif) no-repeat bottom left;
	width:3px;
	left:-2px;
}


/* TOP CORNERS */

.container-border_top 
{
	background-image: url("Images/bg_top.jpg");  
	background-position: top left;
	background-repeat:repeat-x;
	border:1px solid #88A275;
	width:695px;
	height:75px;
	margin:0px;
	padding:0;
	border-color:#88A275;
	background-color:#88A275;
}
.corner-top_top, .corner-bottom_top, .corner-left_top
{
	position:relative;
	display:block;
	line-height:0;
	font-size:0;
	height:5px;
	margin:0;
}
.corner-top_top {
	background:transparent url(Images/corners_topright_top.gif) no-repeat top right;
	width:auto;
	top:-1px;
	right:-1px;
}
.corner-top_top .corner-left_top {
	background:transparent url(Images/corners_topleft_top.gif) no-repeat top left;
	width:5px;
	left:-2px;
}
.corner-bottom_top {
	background:transparent url(Images/corners_bottomright_top.gif) no-repeat bottom right;
	clear:both;
	width:auto;
	bottom:-1px;
	right:-1px;
}
.corner-bottom_top .corner-left_top {
	background:transparent url(Images/corners_bottomleft_top.gif) no-repeat bottom left;
	width:5px;
	left:-2px;
}

/* TOP CORNERS RIGHT */

.container-border_topRight 
{
	background-image: url("Images/bg_top.jpg");  
	background-position: top left;
	background-repeat:repeat-x;
	border:1px solid #88A275;
	width:200px;
	height:75px;
	margin:0px;
	padding:0;
	border-color:#88A275;
	background-color:#88A275;
}
.corner-top_topRight, .corner-bottom_topRight, .corner-left_topRight
{
	position:relative;
	display:block;
	line-height:0;
	font-size:0;
	height:5px;
	margin:0;
}
.corner-top_topRight {
	background:transparent url(Images/corners_topright_top.gif) no-repeat top right;
	width:auto;
	top:-3px;
	right:-1px;
}
.corner-top_topRight .corner-left_topRight {
	background:transparent url(Images/corners_topleft_top.gif) no-repeat top left;
	width:5px;
	left:-2px;
}
.corner-bottom_topRight {
	background:transparent url(Images/corners_bottomright_top.gif) no-repeat bottom right;
	clear:both;
	width:auto;
	bottom:-4px;
	right:-1px;
}
.corner-bottom_topRight .corner-left_topRight {
	background:transparent url(Images/corners_bottomleft_top.gif) no-repeat bottom left;
	width:5px;
	left:-2px;
}


/* WEBPART CORNERS */

.container-border_webpart 
{    
    height: 100%;
    width: 100%;    
	border:1px solid #A8C3F0;
	margin:0px;
	padding:0;
	border-color:#A8C3F0;
	background-color:#DCE3EE;
}

.SubColumn_container-border_content
{    
    width: 905px;    
	border:1px solid #A8C3F0;
	margin:0px;
	padding:0px;
	border-color:#A8C3F0;
	background-color:#D0DCEE;
}

/* The first element in the right content zone shall be transparent */
.RightZone_container-border_webpart {
	width: 100%;   	 
	border:1px solid #A8C3F0;
	margin:0px;
	padding:0;
	border-color:#A8C3F0;
	background-color: Transparent;
}

/* special css for the themepagelinks */
.locationStatus_webpart 
{
    width: 345px; 
    height: 286px;
	border:1px solid #A8C3F0;
	margin:0px;
	padding:0;
	border-color:#A8C3F0;

}


.viewDetails_webpart 
{
    width: 345px; 
    height: 88px;
	border:1px solid #A8C3F0;
	margin:0px;
	padding:0;
	border-color:#A8C3F0;
	background: url(Images/viewDetails_gradient_cyp.png); 
}



.graph_webpart 
{
    width: 100%; 
    height:380px;
	border:1px solid #A8C3F0;
	margin:0px;
	padding:0;
	border-color:#A8C3F0;
	/*background: url(Images/viewDetails_gradient_cyp.png);  */
	background: url(Images/Graph_gradient_cyp.png);
}

.themePageLink_webpart 
{

    width: 214px;
    height: 150px;   	 
	border:1px solid #A8C3F0;
	margin:0px;
	padding:0;
	border-color:#A8C3F0;
	background: url(Images/ThemePageLink_gradient_cyp.png);
	   
    
}
    
.latestNews_webpart 
{

    width: 214px;
    height: 306px;   	        
	border:1px solid #A8C3F0;
	margin:0px;
	padding:0;
	border-color:#A8C3F0;
	background: url(Images/latestNews_gradient_cyp.png);
	   
    
}


.corner-top_webpart, .corner-bottom_webpart, .corner-left_webpart
{
	position:relative;
	display:block;
	line-height:0;
	font-size:0;
	height:5px;
	margin:0;
}
.corner-top_webpart {
	background:transparent url(Images/corners_topright_webpart.gif) no-repeat top right;
	width:auto;
	top:-1px;
	right:-1px;
}
.corner-top_webpart .corner-left_webpart {
	background:transparent url(Images/corners_topleft_webpart.gif) no-repeat top left;
	width:5px;
	left:-2px;
}
.corner-bottom_webpart {
	background:transparent url(Images/corners_bottomright_webpart.gif) no-repeat bottom right;
	clear:both;
	width:auto;
	bottom:-1px;
	right:-1px;
}
.corner-bottom_webpart .corner-left_webpart {
	background:transparent url(Images/corners_bottomleft_webpart.gif) no-repeat bottom left;
	width:5px;
	left:-2px;
}

/* Theme Pages */
.ThemePage .MainZone .container-border_webpart {
	border:0px;
	margin:0px;
	padding:0;	
	background-color: Transparent;	
}

.ThemePage .MainZone .corner-top_webpart, 
.ThemePage .MainZone .corner-bottom_webpart, 
.ThemePage .MainZone .corner-left_webpart
{
	position:relative;
	display:block;
	line-height:0;
	font-size:0;
	height:0px;
	margin:0;
}
.ThemePage .MainZone .corner-top_webpart {
	background: transparent;
	width:auto;
	top:-1px;
	right:-1px;
}
.ThemePage .MainZone .corner-top_webpart, 
.ThemePage .MainZone .corner-left_webpart {
	background:transparent;
	width:0px;
	left:-2px;
}
.ThemePage .MainZone .corner-bottom_webpart {
	Background:transparent;
	clear:both;
	width:auto;
	bottom:-1px;
	right:-1px;
}
.ThemePage .MainZone .corner-bottom_webpart, .ThemePage .MainZone .corner-left_webpart {	
	width:0px;
	left:-2px;
}

.tblThemePage {
    vertical-align:top;
    
}



/* PAGEMENU */
.container-border_pagemenu 
{
    background-image: url("Images/bg_pagemenu.jpg"); 
	border:1px solid #8B7A5C;
	margin:0px;
	padding:0;		
	border-color:#8B7A5C;
	background-color:#DCE3EE;	
}

.corner-top_pagemenu, .corner-left_pagemenu
{
	position:relative;
	display:block;
	line-height:0;
	font-size:0;
	height:5px;
	margin:0;	
}
.corner-top_pagemenu {
	background:transparent url(Images/corners_topright_pagemenu.gif) no-repeat top right;
	width:auto;
	top:-1px;
	right:-1px;
}
.corner-top_pagemenu .corner-left_pagemenu {
	background:transparent url(Images/corners_topleft_pagemenu.gif) no-repeat top left;
	width:5px;
	left:-2px;
}

/* Pagemenu selected */
.container-border_selected_pagemenu
{
    background-image: url("Images/bg_pagemenu2.jpg"); 
	border:1px solid #90A781;
	margin:0px;
	padding:0;		
	border-color:#90A781;
	background-color:#90A781;
}

.corner-top_selected_pagemenu, .corner-left_selected_pagemenu
{
	position:relative;
	display:block;
	line-height:0;
	font-size:0;
	height:5px;
	margin:0;
}
.corner-top_selected_pagemenu {
	background:transparent url(Images/corners_topright_pagemenu2.gif) no-repeat top right;
	width:auto;
	top:-1px;
	right:-1px;
}
.corner-top_selected_pagemenu .corner-left_selected_pagemenu {
	background:transparent url(Images/corners_topleft_pagemenu2.gif) no-repeat top left;
	width:5px;
	left:-2px;
}

