﻿html, body, div, span, table, a, form, td, tr, img, p, center
{
    margin: 0px;
    padding: 0px;
    border-style: none;
}

html,body
{
	height:100%;
	/*overflow: hidden;*/
}

body
{  
	background-image:url(Images/bg.gif);
	background-repeat:repeat;
	background-color:#c3daf9;
    font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif, Times New Roman;
    font-size:11px;
    color:#3B64A2;
}
.bodylogin
{
    background-image: none;
	background-repeat:repeat;
	background-color:White;
    font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif, Times New Roman;
    font-size:11px;
    color:#3B64A2;
}
    

a
{
	color:#2c4b7a;
}
a:hover
{
	color:#1d3252;
}
a:visited
{
	color:#2c4b7a;
}

h1
{
	font-size: 18px;
	font-weight: bold;	
}
h2
{
	font-size: 15px;
	font-weight: bold;
}
h3
{
	font-size: 13px;
	font-weight: bold;
}
h4
{
	font-size: 12px;
	font-weight: bold;
}
p
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
}
/*Layout*/
#header
{
	position:absolute;
	top:0px;
	height: 53px;
	width: 100%;	
	background-image:url(Images/caption-grad.gif);
	background-repeat: repeat-y;
	background-color:#a2c1f5;	
}
#link-panel
{
	position: absolute;
	top: 55px;
	left: 0px;
	width: 210px;
	background-color:White;
    border-style:solid;
    border-width:1px;
    border-color:#003399;
}
#content-splitter
{
	float: left;
	height: 100%;
	width: 4px;
	overflow:hidden;
	cursor:w-resize;
}
#content-panel
{
	position: absolute;
	top: 55px;
	left: 216px;
	width: 455px;
	overflow:auto;
    background-color:white;
    border-style:solid;
    border-width:1px;
    border-color:#003399;
    margin: 0px;
}
#footer
{
	clear:both;
	bottom: -1px;
	width: 100%;
	height: 28px;
	position:absolute;
	display:block;
	background-image:url(Images/footer-grad.gif);
	background-repeat:repeat-x;
	background-position: bottom;
}
/*Toolbar*/
.toolbar
{
	border:0px;
	height: 25px;
	vertical-align:middle;
	margin:0px;
	padding:0px;
}
.toolbar-leftcorner
{
	background-image:url(Images/left-part-toolbar-grad.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width: 9px;
}
.toolbar-body
{
	background-image:url(Images/toolbar-grad.gif);
	background-repeat:repeat-x;
	text-align:center;
}
.toolbar-rightcorner
{
	background-image:url(Images/right-part-toolbar-grad.gif);
    background-repeat:no-repeat;
    background-position:top left;    
	width: 9px;
}
.toolbar-text
{
    margin-left:18px;
    font-size:11px;
    text-align:center left;
}
.toolbar-img
{   
	background-repeat:no-repeat;
	display: block;
	height:16px;
	padding-left: 10px;
	padding-right:7px;
	vertical-align: middle;
}
.toolbar-img-and-text
{   
	background-repeat:no-repeat;
	display: block;
	height:16px;
	padding-left: 20px;
	vertical-align: middle;
}
.menu-toolbar
{
    vertical-align:top;
}
.toolbar-separating-line
{
	background-image:url(Images/separating-line.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:4px;
	height:25px;
	padding:0px;
	margin:1px;
}
   
.toolbar-item
{
	text-decoration: none;
	display: block;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 1px;
	text-align: center;
	color: Black;
	font-family: Tahoma;
	letter-spacing: 1px;
	height: 15px;
	cursor: hand;
}
.toolbar-item:hover
{
	background-image:url(Images/active-a-grad.gif);
	background-repeat:repeat-x;
	background-color:#f7ce6e;
	text-decoration:none;
    border-style:solid;
    border-width:1px;
    border-color:#000080;
	margin:0px;
	height:15px;
}


/*Menu*/
.header-menu
{
	background-image:url(Images/drops.gif);
	background-position:left top;
	background-repeat:no-repeat;
    height:25px;
}
.menu
{
	margin-top: 1px;
	margin-left: 7px;
}
.menu-item
{
	display: block;
	padding-left: 4px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	margin: 1px;
	color:Black;
	text-indent: -15px;
 }
.menu-item img
{
	display: none;
}
.menu-item-hover
{
	display: block;
	margin: 0px;
	padding-left:6px;
	background-image:url(Images/active-a-grad.gif);
	background-repeat:repeat-x;
	background-color:#f7ce6e;
	text-decoration:none;
    border-style:solid;
    border-width:1px;
    border-color:#000080;
	margin:0px;
	text-indent: -16px;
}
.menu-dinamic
{
	display: block;
	background-color:#f6f6f6;
    background-image:url(Images/dinamic-menu-grad.gif);
    background-repeat:repeat-y;
    background-position:left;
    border-style:solid;
    border-width:1px;
    border-color:#003399;
}
.menu-dinamic-item
{
	display: block;
	margin: 0px;
	padding-left:4px;
	padding-right:19px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	color:Black;
}
.menu-dinamic-item img
{
	margin-right: 8px;
}
.menu-dinamic-item-hover
{
	display: block;
	margin: 1px;
	padding-left: 1px;
	padding-right:16px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-image:url(Images/dinamic-hover-menu.gif);
	background-repeat:repeat-x;
	background-color:#fdf0c4;
    border-style:solid;
    border-width:1px;
    border-color:#000080;    
}

/* Left Panel */
/*.link-panel-pages-container
{
	
}
.link-panel-page
{	
}
.link-panel-page-title
{
	background-image:url(Images/header-grad.gif);
	background-repeat:repeat-x;
	background-color:Navy;
    height:24px;
    font-family:Tahoma;
    font-size:16px;
    font-weight:bold;
    color:White;
    padding-left:7px;
    padding-top:2px;
    display:block;
}
.link-panel-page-tree
{
	overflow: auto;
	height: 300px;
}
.link-panel-buttons-container
{		
	position: absolute;
	bottom: 0px;
	
}
.link-panel-page-button
{
	padding-left:0px;
	display: block;
	height: 31px;
	width: 100%;
	background-image:url(Images/splitter-passive.gif);
	background-repeat:repeat-x;
	background-color:#99ccff;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#000080;
	text-decoration:none;
	vertical-align: middle;
    font-weight:bold;
	color:Black;	
}
.link-panel-page-button:hover
{
	background-image:url(Images/splitter-active.gif);
	background-color:#f7ce6e;
}
.link-panel-page-button img
{
	margin: 6px;
}*/
/* Content */
.page-title
{
	background-image:url(Images/header-grad.gif);
	background-repeat:repeat-x;
	background-color:Navy;
    height:24px;
    font-family:Tahoma;
    font-size:16px;
    font-weight:bold;
    color:White;
    padding-left:0px;
    text-indent: 6px;
    vertical-align: bottom;
    display: block;
    width: 100%;    
}
.content-header-img
{
	background-repeat:no-repeat;
	background-position:right;
	padding-right:5px;
	display:block;	
}
.content
{
	padding: 15px;
}
/* Footer */
.footer-separator
{
	background-image:url(Images/footer-separator.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-top:25px;
	padding-bottom:1px;
    margin-left:800px;
}
.footer-text
{
	text-align:right;
	vertical-align:middle;
}
/* Grid */
.grid
{
	
}
.grid-header
{
	/*background-image: url("Images/grid-header.gif");
	background-repeat: repeat;
	background-position: right;
	height: 27px;
	vertical-align:top;*/	
	background-color: #ECE9D8;
	background-image:url(Images/grid-header.gif);
	background-repeat:repeat-x;
	background-position: bottom;
	border-bottom-style:solid;
	border-bottom-color:#DCD8C8;
	border-bottom-width:3px;
	height: 27px;	
}
.grid-header a
{
	text-decoration: none;
	font-weight: normal;	
	display: block;
	height: 20px;
	width: 100%;
	color: black;
	padding-top: 2px;
}
.grid-header a:hover
{
	color: navy;
}
.grid-row
{
  
}
.grid-alternative-row
{
    background-color: #f5f5da;

}
.grid-selected-row
{
	background-color: #316ac5;
}
.grid-pager
{
	height: 28px;
	background-image:url(Images/footer-grad.gif);
	background-repeat:repeat-x;
	background-position: bottom;
}
.grid-pager a
{
	text-decoration: none;
	font-weight: normal;	
	color: black;
}
.grid-pager a:hover
{
	color: navy;
}
/* Navigate Panel */
.navigatepanel-tree-group-opened
{
	background-image: url(Images/tree-opened.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	cursor: pointer;
}
.navigatepanel-tree-group-opened img
{
	margin-right: 3px;	
}
.navigatepanel-tree-group-opened a
{
	vertical-align: 3px;
}
.navigatepanel-tree-group-closed
{
	background-image: url(Images/tree-closed.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	cursor: pointer;
}
.navigatepanel-tree-group-closed img
{
	margin-right: 3px;	
}
.navigatepanel-tree-group-closed a
{
	vertical-align: 3px;
}
.navigatepanel-tree-children
{
	margin-left: 20px;	
}
.navigatepanel-page-button
{
	padding-left:0px;
	display: block;
	height: 31px;
	width: 100%;
	background-image:url(Images/splitter-passive.gif);
	background-repeat:repeat-x;
	background-color:#99ccff;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#000080;
	text-decoration:none;
	vertical-align: middle;
    font-weight:bold;
	color:Black;	
}
.navigatepanel-page-button:hover
{
	background-image:url(Images/splitter-active.gif);
	background-color:#f7ce6e;
}
.navigatepanel-page-button img
{
	margin: 6px;
}
.navigatepanel-page-title
{
	background-image:url(Images/header-grad.gif);
	background-repeat:repeat-x;
	background-color:Navy;
    height:24px;
    font-family:Tahoma;
    font-size:16px;
    font-weight:bold;
    color:White;
    padding-left:7px;
    padding-top:2px;
    display:block;
}
.navigatepanel-page-content
{	
}
/* Login page */
.login-panel
{
	margin: 150px auto 0px;
	background-image:url(Images/login-panel-grad.gif);
	background-position:center;
    background-repeat:repeat-x;
    border-style:solid;
    border-width:1px;
    border-color:#CCCC99;
    width:400px;
    vertical-align:middle;
}
.login-panel-text
{
    font-size:13px;	
	font-family:Verdana;
	color:#336699;
	text-align:center;
}
.login-panel-text:hover
{
	color:#0066ff;
}
.login-panel-small-text
{
	font-size:13px;
 	font-family:Tahoma;
	color:#003399;
	text-align:center;
	margin:0px;
	padding:8px;
}
.button-block-align
{
	margin: 10px auto;
	width: 0px;
	white-space: nowrap;	
}
.hacker-save
{
    text-align:center;
}
.buttonBorder
{
    border-left: black 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    background-color: transparent;
   
}
.hacker-save a
{
	margin: 5px;
	display: block;
	width: 60px;
}
.login-panel-textbox
{
	margin-bottom:3px;
	height:25px;
	text-align:right;
    padding-right:10px;
	vertical-align:middle;
	
}
.login-panel-textbox input
{
	width : 264px;
}
.login-panel-confirmation-textbox
{
    margin-left:7px;
	margin-bottom:7px;
	height:25px;
	text-align:right;
    padding-right:20px;
	vertical-align:middle;
	white-space:nowrap;
	width:auto;	
}
/* Forums */
.forum
{
	width: 100%;
}
	
.forum-item
{
	padding: 3px;
	background-image: url(Images/forum-item-background.gif);
	background-repeat: no-repeat;	
}
.forum-topic
{
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-color: gray;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
.forum-alternate-topic
{
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #e5e5e5;
	border-bottom-color: gray;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
.forum-message
{
	border-color: gray;
	border-style: dotted;
	border-width: 1px;
	margin: 15px;	
	padding: 15px;
}
/*Spreadsheet*/
.spreadsheetNonClinet{
	background-color: #5D6EB2;
	color: #A7BCE2;
	font-weight: bold;
}
.spreadsheetSelectedNonClinet{
	background-color: #A7BCE2;
	font-weight: bold;
	color: #5D6EB2;
}
.spreadsheetSplitter{
	background-color: #A7BCE2;
}
.spreadsheetCell
{
	border-right: #a7bce2 1px solid;
	border-top: #a7bce2 1px solid;
	font-size: 12pt;
	border-left: #a7bce2 1px solid;
	border-bottom: #a7bce2 1px solid;
	background-color: #ffffff;
}

.spreadsheetSelectedCell{
	background-color: #A7BCE2;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #5D6EB2;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5D6EB2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5D6EB2;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5D6EB2;
}
.spreadsheet{
	background-color: #DFE7F4;
}
/*Mail*/
.MailBody{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-style: normal;
	color: #000000;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.oddrow
{
	font: x-small Tahoma, Helvetica, Arial, Verdana, sans-serif;
	background-color: #f4f4f4;
	color: #3B64A2;
}

.evenrow
{
	font: x-small Tahoma, Helvetica, Arial, Verdana, sans-serif;
	background-color: #e5e5e5;
	color: #3B64A2;
}
/* Table styles*/
.TableHeader{
	color:White;
	background-color:#3B64A2;
	font-size:8pt;
	font-weight:bold;		
}

.TableContentText {
	font-style: normal;
	color: #3B64A2;
	background-color:White;
	font-size:8pt;	
	
}

.TableContentTextAlternative {
	font-style: normal;
	color: #3B64A2;
	background-color:#FFFFCC;
	font-size:8pt;	
}
.CalendarAppointment
{
	border-bottom-color: #3B64A2;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
/*Calendar*/
.CalendarItemHeader{
	color: black;
	background-color:#ffffc0;
	font-size:8pt;
	font-weight:bold;		
}
.custom-toolbar-item
{
	text-decoration: none;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
	padding-bottom: 2px;
	margin: 1px;
	text-align: center;
	color: Black;
	font-family: Tahoma;
	letter-spacing: 1px;
	height: 15px;    
}
.custom-toolbar-item:hover
{
	background-image:url(Images/active-a-grad.gif);
	background-repeat:repeat-x;
	background-color:#f7ce6e;
	text-decoration:none;
    border-style:solid;
    border-width:1px;
    border-color:#000080;
	margin:0px;
	height:15px;
}

.actionPanel
{
    text-align:right;
}

