/* styles.css */

body {
	margin: 0px 0px 8px 0px;
  	font-family: verdana, arial, helvetica, sans-serif;  
  	font-size: 12px; 
  	color: black;
	padding: 0px; 
	font-weight: normal;
	background-image: url("../../img/secretclient/bg.gif");
	background-repeat: no-repeat;
	background-position: top;
}

td,th {
	font-family: verdana, arial, helvetica, sans-serif;  
  	font-size: 12px; 
  	color: black;
}

p {
	font-family: verdana, arial, helvetica, sans-serif;  
  	font-size: 12px; 
  	color: black;
	font-weight: normal;
}

a , a:visited , a:active{
	font-family: verdana, arial, helvetica, sans-serif;  
  	font-size: 12px; 
  	color: black;
	color: rgb(0, 80, 200);
}

a:hover {
	color: black;
}

a.button , a.button:visited , a.button:active, body.guest a.button ,body.guest a.button:visited ,body.guest a.button:active{
	font-family: verdana, arial, helvetica, sans-serif;  
  	font-size: 12px;
	padding: 2px 5px 2px 5px;
	border-top: 1px solid rgb(200, 230, 255);
	border-left: 1px solid rgb(200, 230, 255);
	border-bottom: 1px solid rgb(120, 150, 205);	
	border-right: 1px solid rgb(120, 150, 205);	
	background-color: rgb(160, 190, 245);
	color: white;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: center;
}

a.button:hover, body.guest a.button:hover {
	color: white;
	border-top: 1px solid rgb(120, 150, 205);	
	border-left: 1px solid rgb(120, 150, 205);	
	border-bottom: 1px solid rgb(200, 230, 255);
	border-right: 1px solid rgb(200, 230, 255);
	background-color: rgb(140, 170, 225);
	text-decoration: none;	
}

a.button2 , a.button2:visited , a.button2:active{
	font-family: verdana, arial, helvetica, sans-serif;  
  	font-size: 12px;
	padding: 2px 5px 2px 5px;
	border-top: 1px solid rgb(255, 230, 200);
	border-left: 1px solid rgb(255, 230, 200);
	border-bottom: 1px solid rgb(205, 150, 120);	
	border-right: 1px solid rgb(205, 150, 120);	
	background-color: rgb(235, 180, 150);
	color: white;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: center;
}

a.button2:hover {
	color: white;
	border-top: 1px solid rgb(205, 150, 120);	
	border-left: 1px solid rgb(205, 150, 120);	
	border-bottom: 1px solid rgb(255, 230, 200);
	border-right: 1px solid rgb(255, 230, 200);
	background-color: rgb(215, 160, 130);
	text-decoration: none;	
}

h1 {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	color: rgb(0, 82, 155);
}

h2 {
	font-family: verdana, arial, helvetica, sans-serif;  
	font-size: 13px;
	font-weight: bold;
	color: #6cbd45;
}

.error {
	color:red;
}

.message {
	color:#f68f1e;
}

table.left_menu {
	width: 150px;
	vertical-align: top;
	border-collapse: collapse;
}

table.left_menu_guest{
	border-spacing: 0px;
	border-collapse: collapse;
	border:none;
	padding:0px;
	width: 172px;
	margin-bottom:20px;
	background-image: url("../../img/secretclient/guest/table_middle.jpg");
	background-repeat: y-repeat;
	background-position: top;
}

table.left_menu_guest td{
	border:none;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 172px;
	vertical-align: center;
}

table.left_menu_guest td.middle{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	width:35px;
}

table.left_menu_guest tr.middle{

}

table.left_menu_guest td.top {
	height:4px;
	background-image: url("../../img/secretclient/guest/table_top.jpg");
	background-repeat: no-repeat;
	background-position: top;
}

table.left_menu_guest td.bottom {
	height:4px;
	background-image: url("../../img/secretclient/guest/table_bottom.jpg");
	background-repeat: no-repeat;
	background-position: top;
}

body.guest a {
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif; 
	margin: 0px;
	vertical-align: middle;
	text-decoration: none;
	color:#00529B;
}

body.guest a:hover {
	color: #909090;
}

body.guest h1{
	color: #466AD0;
}

table.left_menu tr td {
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif; 
	padding: 0px;
	border-collapse: collapse;
	border-top: 1px solid #dfe7f1;
	border-bottom: 1px solid #dfe7f1;
	border-left: none;
	border-right: none;	
	text-align: left;
	width: 165px;
}

table.left_menu tr td a {
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif; 
	background-color: #f7f7f7;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	width: 150px;
	margin: 0px;	
	text-decoration: none;
}

table.left_menu tr td a:hover {
	background-color: #e4ebf4;	
	text-decoration: none;
}

table.left_menu tr td div {
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;  
	display: block;
	text-align: center;
	width: 150px;
	height: 20px;
	margin: 0px;
}

table.left_menu tr td div.menu_bar {
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;  
	display: block;	
	width: 150px;
	background-image: url("../../img/secretclient/menu_bar.gif");
	background-repeat: no-repeat;
	background-color: #dfe7f1;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 20px 0px 0px 0px;	
	height: auto;	
	text-align: center;
	text-decoration: none;
}

table.top_menu {
	vertical-align: top;
	border-collapse: collapse;
	width: 750px;
}

table.top_menu tr td {
	padding: 0px;
	border-collapse: collapse;
	border-top: none;
	border-bottom: 1px solid #a1a2a4;
	border-left: 1px solid #a1a2a4;
	border-right: 1px solid #a1a2a4;
	text-align: center;
	background-color: #ffe1c7;
}

table.top_menu tr td a , table.top_menu tr td a:visited , table.top_menu tr td a:active {
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
	margin: 0px;	
	color: #f08e1e;
	font-weight:bold;
	background-color: #f5f5f5;
	text-decoration: none;
}

table.top_menu tr td a:hover {
	background-color: #f08e1e;	
	color: white;
	text-decoration: none;
}

table.display tr td {
	padding: 4px 4px 12px 4px;
}


.edit-page-banner {
	text-align:right;
}

.edit-page {
}

.edit-page-highlight {
	background-color: #FFFFBB;
}

table.portlet {
	border: 1px solid #cfcfcf;
	background-color: #dde;
	width: 100%;
	border-collapse: collapse;
}

table.portlet tr th.portlet {
	background-color: #e0e0f0;
	padding: 6px 3px 6px 6px;
	border-collapse: collapse;
}

table.portlet tr td.portlet {
	padding: 4px;
	background-color: white;
}

a.date-selector {
	text-decoration:none;
	border:none;
}

a.date-selector img {
	width:16px;
	height:16px;
	text-decoration:none;
	border:none;
	/*background-image: url("../../img/system/icon/calendar.gif");*/
}

.hintsClass {
	background-color: #fbffb8;
	color: #000000;
	border: 1px solid #000000;
	padding: 5px;
	white-space:nowrap;
}

.profile {
    width: 150px;
    border: 1px solid #dfe7f1;
    background-image: url("../../img/secretclient/tlo.gif");
    background-repeat: repeat-y;
    background-position: top;
}

.profile td {
    padding: 5px;
}
.profile .photo {
}
.profile .stars {
    font-size: 10px;
    text-align: center;
    line-height: 15px;
}
.profile .stars a {
    font-size: 10px;
    text-decoration: none;
}