.cssFlash
{   
    width:100%;   
    position:absolute;
    left:0px;
    top:120px;   
    z-index:1;
    text-align:center;
}

.cssControlPanel 
{
    width:1024px;
    margin-left:auto;
    margin-right:auto;    
}

.cssLanguages
{
    float: right;
    clear:both;    
}

.cssFrame
{
    background-position: left top;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 400%;
    background-image: url(imgs/tree.png);
    background-repeat: no-repeat;
    background-color: #CCCCCC;
    text-align: center;
}
.cssPage
{
    background-color: #FFFFFF;
    border-style: groove;
    border-width: thin;
    width: 1024px;
    margin: 30px auto;
    
}
/* to adjust the submenu position ie / frame ns */
.cssPageFix 
{ 
    overflow: hidden;   
}

.cssHeader
{
    width: 100%;
    height: 80px;
    margin: 0px;    
}
    
.cssLogo
{
    width: 1024px;
    height: 70px;
    margin: 10px 0px auto;
    float: left;
    background-image: url(imgs/karpos_header_gr.png);
    background-repeat: no-repeat;   
    text-align: left;
}   
.cssUser 
{
    width:150px;
    height:30px;
    margin: 5px 15px 0px 5px;
    float:right; 
    clear:right;
    text-align:right;
    }
 /*
.cssPageMaster
{
    background-image: url(bkgLogo.jpg);
    background-position: center top;    
    background-repeat: no-repeat;
    width: 100%;
    float: left;
    clear: left;
    background-position: bottom;
    text-align: left;
}
*/
.cssBreadcrumb
{
	width: 100%;	
	height:30px;
	clear:left;
}
.cssLeft
{
    float: left;    
}

.cssMenu
{
    float: left;
    clear: left;
    margin-left:10px;  
}

.cssLikeit
{
	float: left;
	clear: left;
	margin-left:30px;
	height:80px;	
}

.cssLeftPane
{
    float: left;
    clear: left;
    margin: 10px 0px 0px 10px;
    width: 200px;
    height: auto;    
}

 .cssContentPane
{
    width: 790px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding-left: 10px; 
    text-align:left;   
}     

.cssLinksContainer
{
    clear: left;
    width: 100%;
    height: 20px;
   
}

.cssCopyright {
    width:100%;
    height:20px;
    float:left;
    clear:left;
}
        
.cssDiadrasis {
    width:100%;
    float:left;
    clear:both; 
}
    
.cssPageFooter {
    width: 100%;
    height: 50px;
    float:left;
    clear:left;    
}
 
/* end of custom divs*/
  
.youarehereCSS
{
    font-family: Verdana, Tahoma, Arial;
    font-size: 11px;
    color: #333333;    
}

/*  search  web site */
.skinObject
{
    color: #a9a9a9;
    font-size: 10px;
    font-weight: bold;
}

/* search, logout etc link*/

A.SkinObject:link
{
    text-decoration: none;
    color: #a9a9a9;    
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #a9a9a9;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #ff9966;
}

A.SkinObject:active
{
    text-decoration: none;
    color: #ff9966;
}
	

.main_dnnmenu_bar
{
    cursor: pointer;
    cursor: hand;
    height: 16px;
    background-color: transparent;
}


/* Main Menu */
.main_dnnmenu_rootitem
{
    color: #741A1D;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
    font-family: Tahoma, Arial;
    white-space: nowrap; /*Word wrapping menu item now optional*/
    padding-right: 0px;
    padding-left: 15px;
    padding-bottom: 0px;
    padding-top: 5px;
}

.main_dnnmenu_rootitem_hover
{    
    color: #ff9966;      
}

.main_dnnmenu_rootitem_selected
{
    font-family: Tahoma, Arial;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    padding-right: 0px;
    padding-left: 15px;
    padding-bottom: 0px;
    padding-top: 5px;
    white-space: nowrap;
}

.main_dnnmenu_icon
{
    cursor: pointer;
    cursor: hand;
    text-align: center;
    width: 15px;
    height: 100%;
    vertical-align: middle;
}
.mainmenu_menuicon
{
    width:50px;
}
/* set submenu */

.main_dnnmenu_submenu
{
    border: thin solid #CCCCCC;
    width: 200px;
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom:2px;
    margin-left: 0px;
    font-family: Tahoma, Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    z-index: 1000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=   '#696969' , Direction=135, Strength=3);
    color: #741A1D;
    background-color: #FFFFFF;    
}  

/* bread crumb custom style */ 

.breadcrumbCSS, a.breadcrumbCSS:active, a.breadcrumbCSS:link, a.breadcrumbCSS:visited
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    color: #CCCCCC; 
}

a.breadcrumbCSS:hover
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    color: #000000;
}

/* menu */

.main_dnnmenu_item {
	
	cursor: hand; 
	color: #000000; 
	background-color: Transparent;
	font-family: Verdana, Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 1px 3px 3px 1px;	
}


.main_dnnmenu_itemhover { 
	color: #000000;
}

.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10px; 
	cursor: pointer; 
	cursor: hand; 
}

.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* bottom links */

.links
{
    font-family: Tahoma;
    font-size: 10px;
    font-weight: bold;
} 

.StandardButton
{
    background-position: #CCCCCC none;
    background: #CCCCCC none;
    color: #ffffff;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* style for the tree view menu */


.TreeViewMenu
{
    width: 175px;
    background-color: transparent;
    border-right: #7994cb 0px solid;
    border-top: #7994cb 0px solid;
    border-left: #7994cb 0px solid;
    border-bottom: #7994cb 0px solid;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}

.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}

/* links */

A:link
{
    text-decoration: none;
    color: #003366;
    font-weight: bold;
}

A:visited
{
    text-decoration: none;
    color: #003366;
}

A:hover
{
    text-decoration: underline;
    color: #ff9966;
}

A:active
{
    text-decoration: none;
    color: #003366;
}



/* special styles for images and links*/

.moduleHead
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
} 

.rightHeader
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    float: right;
    padding-top: 20px;
    padding-right:10px;
}

.imgBorder
{
    padding: 3px;
    border-style: solid;
    border-width: thin;
    clear: left;
    float: left;
    margin-bottom: 10px;
}

.imgRBorder
{
    padding: 3px;
    border-style: solid;
    border-width: thin;
    margin-right: 10px;
    float:left;
    width:150px;
    height:150px;   
}

.imgHBorder
{
    padding: 3px;
    border-style: solid;
    border-width: thin;
    margin-right: 10px;
    float:left;
    width:150px;
    height:120px;   
}

.imgVBorder
{
    padding: 3px;
    border-style: solid;
    border-width: thin;
    margin-right: 10px;
    float:left;
    width:120px;
    height:150px;   
}

.icoImage
{
    float: right;
    width: 33px;
    height: 50px;
    padding: 1px;
    vertical-align: bottom;
}

a:hover .icoImage 
{
    padding: 0px;   
    width:35px;
    height:52px;
}

/* custom styles for announcments */

.announceTitle
{
    font-family: Tahoma;
    font-size: 12px;
    text-align: left;
    color: #000066;
    font-style: normal;
    font-weight: bold;
}

.announceDate
{
    font-family: Tahoma;
    font-size: 12px;
    text-align: left;
    color: #000000;
    font-style: normal;
    font-weight: bold;
}

.announceText
{
    font-family: Tahoma;
    font-size: 12px;
    text-align: left;
}

.announceImg
{
    padding: 2px;
    width: 120px;
    height: 90px;
    border-style: solid;
    border-width: 1px;
    margin-right: 20px;  
}
.announceSeparator
{    
    height: 20px;  
}