@import url(farben.css);
@import url(elemente.css);

/*  ------------------------------------------------------
SEITE
--------------------------------------------------------*/
div#seite { 
} 

/*  ------------------------------------------------------
KOPF MIT LOGO
--------------------------------------------------------*/
div#kopf {
position: relative;
}

div#kopf div#logo  {
height: 146px;
min-width:1000px;
}

div#kopf div#logo img { 
position: absolute;
/*-----------------------------
* changed by sabibar (15/10/07)
* top: 20px; 
*/
top:20px;
left: 15px;
}

div#kopf div#logo p {
font: 1em "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bold;
position: absolute;
top: 0px;
left: 14px;
width: 20em;
line-height: 140%;
}

div#kopf div#logo p a {
text-decoration: none;
}

div#kopf div#logo p a:hover, 
div#kopf div#logo p a:active,
div#kopf div#logo p a:active {
text-decoration: underline;
}
#kopf #logo a img {
  background-color: inherit;
}
/*  ------------------------------------------------------
KOPF MIT TITEL
--------------------------------------------------------*/
div#kopf div#titel {
position: absolute;
top: 230px; /*top: 14.6em;*/
left: 16.6em;
}

div#kopf div#titel h1 {
font-size: 1.6em;
font-weight: bold;
}

/*  ------------------------------------------------------
KOPF MIT BREADCRUMB
--------------------------------------------------------*/
div#kopf div#breadcrumb {
position: absolute;
top: 198px; /*top: 12.6em;*/
left: 16.6em;
white-space: nowrap;
}

div#kopf div#breadcrumb h2 {
display: inline;
font-size:0.76em;
font-weight: normal;
font-family: "Verdana", "Arial", sans-serif;
}

div#kopf div#breadcrumb img {

}
div#kopf div#breadcrumb p {
display: inline;
font-size:0.76em;
}

div#kopf div#breadcrumb p strong {
font-weight: normal;
}

div#kopf div#breadcrumb a, 
div#kopf div#breadcrumb a:link {
text-decoration: underline;
}

div#kopf div#breadcrumb a:visited {
}

div#kopf div#breadcrumb a:hover, 
div#kopf div#breadcrumb a:focus, 
div#kopf div#breadcrumb a:active {
text-decoration: none;
}

div#kopf div#breadcrumb a:focus, 
div#kopf div#breadcrumb a:active {
}

div#kopf div#breadcrumb p span.acckey {
}

/*  ------------------------------------------------------
KOPF MIT HAUPTMENUE
--------------------------------------------------------*/
div#kopf div#hauptmenu {
height: 48px;
white-space: nowrap;
}

div#kopf div#hauptmenu h2 {
position:absolute;
left:-3000px;
top:-3000px;
width:1px;
}

div#kopf div#hauptmenu ul {
padding: 2px 0 0 14px;
}

div#kopf div#hauptmenu ul li {
display: inline;
} 

div#kopf div#hauptmenu ul li a:link,
div#kopf div#hauptmenu ul li a:visited, 
div#kopf div#hauptmenu ul li span {
text-decoration: none;
font-size: 0.76em;
margin: 0 16px 0 0;
}

div#kopf div#hauptmenu ul li a:visited {
}

div#kopf div#hauptmenu ul li a:hover {
text-decoration: underline;
}

div#kopf div#hauptmenu ul li a:active, 
div#kopf div#hauptmenu ul li a:focus {
text-decoration: underline;
}

div#kopf div#hauptmenu ul li span {
}

/*  ------------------------------------------------------
KOPF MIT SPRUNGMARKEN
--------------------------------------------------------*/
div#kopf div#sprungmarken {
margin: 0;
padding: 0;
display: block;
position: absolute;    
right: 12px;
top: 160px;
}

div#kopf div#sprungmarken h2 {
position: absolute;    
left:-3000px;
top:-3000px;
width: 1px;
height:1px;
}

div#kopf div#sprungmarken ul {
margin: 0;
padding: 0;
list-style: none;
}

div#kopf div#sprungmarken a:link, 
div#kopf div#sprungmarken a:visited {
position: absolute;    
right:0;
top: -3000px;
display: block;
width: 1px;
height:1px;
font-size:1px;
overflow:hidden;
}

div#kopf div#sprungmarken a:hover, 
div#kopf div#sprungmarken a:active,
div#kopf div#sprungmarken a:focus {
white-space: nowrap;
position: absolute;    
right: 0;
top: 0;
text-decoration: underline;
padding:2px 6px 3px 6px;
text-align: right;
display: block;
width: 9em;
height:auto;
font-size: 0.76em;
overflow:auto;
}

/*  ------------------------------------------------------
KOPF MIT SUCHE
--------------------------------------------------------*/
div#kopf div#suche {
width: 13.6em;
position: absolute;
left: 14px;
top: 200px;
}

div#kopf div#suche h2, 
div#kopf div#suche p label {
position:absolute;
left:-3000px;
top:-3000px;
width:1px;
}

div#kopf div#suche input {
font-size: 0.7em;
padding: 1px 2px;
position: absolute;
top:0;
right:0;
}

div#kopf div#suche input:active,
div#kopf div#suche input:focus {
}

/*Hack Opera + Safari*/
html:first-child>b\ody div#kopf div#suche input  {
padding: 2px 5px;
}

div#kopf div#suche input#suchbegriff {
padding: 2px 4px;
position: absolute;
top:0;
left:0;
width: 13.4em;
}

/*  ------------------------------------------------------
NACHKOPF
--------------------------------------------------------*/
hr#nachkopf {
display: none;
}

/*  ------------------------------------------------------
MAIN
--------------------------------------------------------*/
div#main {
padding: 0 0 0 14px;
}

/*  ------------------------------------------------------
MAIN - BEREICHSMENUE
--------------------------------------------------------*/
div#menu {
float: left;
width: 13.6em;
margin: 36px 0 0 0;
}

div#menu div#bereichsmenu  {
padding: 24px 0 30px 0;
margin: 0 0 20px 0;
}	

div#menu div#bereichsmenu h2 {
position:absolute;
left:-3000px;
top:-3000px;
width:1px;
}	

/* Fuer eine erste Ebene */	
ul#navigation {
list-style-type: none;
padding: 0 0 10px 0;
}

ul#navigation li {
display: inline;
}

ul#navigation li dfn {
font-style: italic;
}

ul#navigation li a,
ul#navigation li a:link  {
display: block;
/**/
font-size: 0.76em;
padding: 4px 10px;
text-decoration: none;

}

ul#navigation li.last a, 
ul#navigation li.last span.aktiv {
}
ul#navigation li a:hover, 
ul#navigation li a:focus, 
ul#navigation li a:active {
text-decoration: underline;
}

ul#navigation li span.aktiv {
display: block;
font-size:1.0 em;
text-decoration: none;

}

ul#navigation li span.aktiv a,
ul#navigation li span.aktiv a:link{
display: block;
padding: 4px 10px;
font-size:0.76em;

}


/* Fuer eine zweite Ebene */
ul#navigation ul#hauptnavigation li a {
padding: 4px 10px 4px 26px;
font-size: 0.7em;
}
ul#navigation ul#hauptnavigation li a:hover, 
ul#navigation ul#hauptnavigation li a:focus, 
ul#navigation ul#hauptnavigation li a:active {
text-decoration: underline;
}

ul#navigation ul#hauptnavigation li span.aktiv {
padding: 4px 10px 4px 26px;
font-size: 0.7em;
}
ul#navigation ul#hauptnavigation li span.aktiv a,
ul#navigation ul#hauptnavigation li span.aktiv a:link{
padding:0;
font-size:11px;
}


/* Fuer eine dritte Ebene */
ul#navigation ul#hauptnavigation ul li a, 
ul#navigation ul#hauptnavigation ul li span {
padding: 4px 10px 4px 26px;
font-size: 0.7em;
}

ul#navigation ul#hauptnavigation ul li a:hover, 
ul#navigation ul#hauptnavigation ul li a:active, 
ul#navigation ul#hauptnavigation ul li a:focus {
}

ul#navigation ul#hauptnavigation ul li span.aktiv {
}

/* Fuer eine vierte Ebene */
ul#navigation ul#hauptnavigation ul li ul li a, 
ul#navigation ul#hauptnavigation ul li ul li span {
padding: 4px 10px 4px 46px;
}


/*###################################################*/
ul#navigation ul#hauptnavigation ul#sub_hauptnavigation li a {
padding: 4px 10px 4px 46px;
font-size: 0.7em;
}
ul#navigation ul#hauptnavigation ul#sub_hauptnavigation li a:hover, 
ul#navigation ul#hauptnavigation ul#sub_hauptnavigation li a:focus, 
ul#navigation ul#hauptnavigation ul#sub_hauptnavigation li a:active {
text-decoration: underline;
}

ul#navigation ul#hauptnavigation ul#sub_hauptnavigation li span.aktiv {
padding: 4px 10px 4px 46px;
font-size: 0.7em;
}
ul#navigation ul#hauptnavigation ul#sub_hauptnavigation li span.aktiv a,
ul#navigation ul#hauptnavigation ul#sub_hauptnavigation li span.aktiv a:link {
padding:0;
font-size:11px;
}


/* Fuer eine dritte Ebene */
ul#navigation ul#hauptnavigation ul#sub_hauptnavigation ul li a, 
ul#navigation ul#hauptnavigation ul#sub_hauptnavigation ul li span {
padding: 4px 10px 4px 46px;
font-size: 0.7em;
}

ul#navigation ul#hauptnavigation ul#sub_hauptnavigation ul li a:hover, 
ul#navigation ul#hauptnavigation ul#sub_hauptnavigation ul li a:active, 
ul#navigation ul#hauptnavigation ul#sub_hauptnavigation ul li a:focus {
}

ul#navigation ul#hauptnavigation ul#sub_hauptnavigation ul li span.aktiv {
}

/* Fuer eine vierte Ebene */
ul#navigation ul#hauptnavigation ul#sub_hauptnavigation ul li ul li a, 
ul#navigation ul#hauptnavigation ul#sub_hauptnavigation ul li ul li span {
padding: 4px 10px 4px 46px;
}

/*###########################################################*/





/*  ------------------------------------------------------
MAIN - MENU - KURZINFO
--------------------------------------------------------*/
div#main div#menu div#kurzinfo {
}

div#main div#menu div#kurzinfo h2 {
font-size: 1.1em;
font-weight: bold;
}

div#main div#menu div#kurzinfo p {
margin: 10px 0 16px 0;
line-height: 180%;
font-size: 0.7em;
}
div#main div#menu div#kurzinfo div {
	padding: 10px 0px;
	text-align: center;
}
/*  ------------------------------------------------------
MAIN - MENU - CONTENT
--------------------------------------------------------*/
div#content {  
	margin: 6.2em 30px 0 15.6em;
} 

/*  ------------------------------------------------------
MAIN - MENU - INHALTSINFO
--------------------------------------------------------*/
div#main div#inhaltsinfo {
}

/*  ------------------------------------------------------
VORFOOTER
--------------------------------------------------------*/
hr#vorfooter {
display: none;
}

/*  ------------------------------------------------------
FOOTER
--------------------------------------------------------*/
div#footer { 	
clear: both;
padding: 20px 10px 10px 16.2em;
}

div#footer h2 {
margin: 10px 0;
font: 0.76em "Lucida Sans", "Lucida Sans Unicode", "Verdana", sans-serif;
font-weight: bold;
}

div#footer p { 	
font-size: 0.7em;
line-height: 160%;
margin: 0 0 16px 0;
}

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS
--------------------------------------------------------*/
div#footer div#footerinfos {
}

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS - TECMENUE
--------------------------------------------------------*/
div#footer div#footerinfos div#tecmenu {
position: absolute;
top:124px;
right:0;
white-space: nowrap;
} 

/*Hack IE 5 Mac*/
*>html div#footer div#footerinfos div#tecmenu {
top:104px;
text-align: right;
right: 20px;
}

div#footer div#footerinfos div#tecmenu h2 {
position:absolute;
left:-3000px;
top:-3000px;
width:1px;
}

div#footer div#footerinfos div#tecmenu ul {
}

div#footer div#footerinfos div#tecmenu ul li {
display: inline;
} 

div#footer div#footerinfos div#tecmenu ul li span,
div#footer div#footerinfos div#tecmenu ul li a, 
div#footer div#footerinfos div#tecmenu ul li a:link {
font-size: 0.76em;
text-decoration: none;
padding: 0 10px;
}

div#footer div#footerinfos div#tecmenu ul li.last span,
div#footer div#footerinfos div#tecmenu ul li.last a, 
div#footer div#footerinfos div#tecmenu ul li.last a:link {
border-right: 0 none;
}
div#footer div#footerinfos div#tecmenu ul li span.acckey {
position: absolute;
left:-3000px;
top:-3000px;
width: 1px;
}

div#footer div#footerinfos div#tecmenu ul li a:visited {
}

div#footer div#footerinfos div#tecmenu ul li a:hover {
text-decoration: underline;
}

div#footer div#footerinfos div#tecmenu ul li a:focus, 
div#footer div#footerinfos div#tecmenu ul li a:active {
text-decoration: underline;
}

div#footer div#footerinfos div#tecmenu ul li span {
}

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS - ZUSATZINFO
--------------------------------------------------------*/
div#footer div#footerinfos div#zusatzinfo {
}

div#footer div#footerinfos  div#zusatzinfo * {
}

div#footer div#footerinfos  div#zusatzinfo h2 {
position:absolute;
left:-3000px;
top:-3000px;
width:1px;
} 

div#footer div#footerinfos div#zusatzinfo p {
}

div#footer div#footerinfos div#zusatzinfo p img {
}

div#footer div#footerinfos div#zusatzinfo p.skip {
position:static;
width: 97%;
text-align: right;
}
div#footer div#footerinfos div#zusatzinfo p.skip a,
div#footer div#footerinfos div#zusatzinfo p.skip a:link, 
div#footer div#footerinfos div#zusatzinfo p.skip a:visited {
text-decoration: underline;
}

div#footer div#footerinfos div#zusatzinfo p.skip a:hover, 
div#footer div#footerinfos div#zusatzinfo p.skip a:focus, 
div#footer div#footerinfos div#zusatzinfo p.skip a:active {
text-decoration: none;
}

div#footer div#footerinfos div#zusatzinfo p.skip a:focus, 
div#footer div#footerinfos div#zusatzinfo p.skip a:active {
}

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS - ZUSATZINFO - STYLESWITCHER
--------------------------------------------------------*/
div#footer div#footerinfos div#zusatzinfo div.styleswitcher {
position: absolute;
top: 20px;
right:10px;
width: 500px;
}

div#footer div#footerinfos div#zusatzinfo div.styleswitcher h3 {
display: none;
}

div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li {  
display: inline;
} 

div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li a {  
font-size: 0.7em;
padding: 2px;
}

div#footer p.webmaster a:hover, 
div#footer p.webmaster a:focus,
div#footer p.webmaster a:active {
text-decoration: none;
}

/*
*****************************************************************************************
****************************** ADDED BY sabibar *****************************************
*****************************************************************************************
*/

/*-----------------------------------------------------------
* ---------------------- STATIC MENU ------------------------
* For the static menu in the header (used in static_menu.php)
* Changed from ID to Class selector by Jayanta on July 24.
------------------------------------------------------------*/

div.language{
	float:left;
	font-size: 12px;
	color: #fdfdf6;
	padding:5px 0 0 5px;
	text-decoration: none;
}

div.static-menu{
	float:right;
	font-size: 12px;
	color: #fdfdf6;
	padding:5px 0 0 5px;
	text-decoration: none;
}

div.static-menu a{font-size: 12px; 	color: #fdfdf6;	padding:50px 0 0 5px;	text-decoration: none;}
div.static-menu a:hover{font-size: 12px;	color: #fdfdf6;	padding:5px 0 0 5px;	text-decoration:underline; }

div.language a{font-size: 12px; 	color: #fdfdf6;	padding:50px 0 0 5px;	text-decoration: none; }
div.language a:hover{font-size: 12px;	color: #fdfdf6;	padding:50px 0 0 5px;	text-decoration:underline;  }
div.header_menu a
{  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fdfdf6;
	padding-left:10px;
	text-decoration: none;
}
div.header_menu  a:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fdfdf6;
	padding-left:10px;
	text-decoration:underline;
}

.login-button{
	font-weight:bold;
}
div.register ul{
	padding:0 0 0 10px;
	font-size:12px;
}

div.register-row
{	clear:both;
	padding-top: 5px;
	padding-left: 10px;

	min-height: 1.2em;
}

span.register-left
{
	font-size: 12px;
	color: #666;
	width: 35%;
	float: left;
	text-align:left;
}

span.register-right
{
	font-size: 12px;
	width: 60%;
	float: right;
	text-align:left;
}

/*-------------------------------------------------
* ::::::::::::::::::: HOME CONTENT ::::::::::::::::
* for the home content and the 'quickcheck' display
--------------------------------------------------*/ 
.home-content{
}
.home-content-normal{
}
.home-content-left{
	float:left;
	min-width:300px;
	max-width:450px;

}
.home-content-right{
	/*float:right;
	min-width:200px;*/
	max-width:850px;

}
.quick-check{
	color:#666;
	margin-bottom:10px; 
	border: 1px solid #CCCCCC;
}
#quick_check a,
#quick_check a:link{
	color:#666;
}
.quick-check-header{
	padding:5px 5px 5px 5px;
	font-size:12px;
	font-weight:bold;
	border-bottom: 1px solid #CCCCCC;
	background-color:#F1F5FA;
}
.quick-check-content{
	padding:5px 5px 0 10px;
	font-size:12px;
	background-color: #fffff;
}

#birthday-of-month{
	margin-bottom:10px; 
	border: 1px solid #00688B;
}
.quick-check-birthday-list{
	padding:5px 5px 0 10px;
	font-size:12px;
	background-color: #fffff;
}


/* -----------------------------------------------------------------
* :::::::::::::::::::::::::: SERVICE PAGE ::::::::::::::::::::::::::
* displaying the service page and the newsletter in the service page 
-------------------------------------------------------------------*/
div#service_info_contents {
	float:left;
	min-width:400px;
	max-width:450px;
}

div#newsletterbox {
	float:right;
	border:1px solid #CAE1FF;
	width: 240px; 
	padding: 10px;
}
div#newsletterbox div#newsletterbox_header {
	font-weight:bold;
	padding-left:5px;
}
div#newsletterbox_content {
	padding:0px 5px 0px 5px;
	text-align:justify;
}

/* ---------------------------------------------------------------------------
* :::::::::::::::::::::::::::::: ERROR AND CONFIRMATION ::::::::::::::::::::::
* for displaying error and confirmation messages 
-----------------------------------------------------------------------------*/
.error {
	font-size:11px; 
    color:#FF0000;
}
.error-box {
  	margin: 10px 10px 10px 10px ; 
	text-align: center;
}
div#message {
	font-size:11px;
    color:#0000FF;
}
div#messagebox {
  	margin: 10px 10px 10px 10px ;
	/*background-color:#FFFFCC;*/
	text-align: center;
}



/* -----------------------------------
* ::::::::::: INFO CONTENT :::::::::::
* displaying content of the info pages
------------------------------------*/
div#info_contents {
	/* 
	padding:10px 5px 5px 20px; 
	*/	
}
div#form_content {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CAE1FF;
	padding:10px 5px 5px 20px;
}
div.job-category {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CAE1FF;
	padding:10px 5px 5px 20px;
}



/* ---------------------------------------------
* ::::::::::::: MANAGEMENT USER ::::::::::::::::
* displaying the content of registering new User
----------------------------------------------*/
.new-user-form-row{ clear:right; 	padding-top: 5px;	height: 1.2em; }
.new-user-form-left{	font-size: 12px;	width: 30%;	padding-left:10px;	float: left;	line-height: 1.5em;}
.new-user-form-right{	font-size: 12px;	width: 65%;	float: right;	line-height: 1.5em;}
div#management_user {
	border: 1px solid #CAE1FF;
	padding:10px 5px 5px 20px;
	font-weight:500;
}
div#user_search_left {float:left; }
div#user_search_right {float:right; }
div#management_user div#user-search-form{
	font-size:12px; width:100%;
}
div#user-table-list{ width:100%;}
div#modify-info-table{ width:100%;}




/* -----------------------------------------
* :::::::::::: TABLE MANAGEMENT ::::::::::::
* displaying the content in table management
-------------------------------------------*/
div#table-list{ width:100%;}
div.display-table-details{
	font-size:12px;
	padding:0 0 0 20px;
}
div#table_management_subheading {
	font-weight:bold;
}
div.table-management-bold {
	font-weight:bold;
}
div.table_management_h2 {
	padding:5px 0 5px 0;
	font-weight:bold;
}



/* ---------------------------------------------------
* ::::::::::::: MANAGEMENT OURALUMNI :::::::::::::::::
* displaying the content of 'Our Alumni' in management
-----------------------------------------------------*/
span#activetab { 
	color: white; background-color:#C4DCDC; border-bottom: solid 1px #0080C0;
}
div#edit_alumni_category {
	text-align:center;
}
.management-ouralumni-row{ clear:right; 	padding-top: 5px;	height: 1.2em; }
.management-ouralumni-left{	font-size: 12px;	width: 70%;	padding-left:10px;	float: left;	line-height: 1.5em;}
.management-ouralumni-right{	font-size: 12px;	width: 25%;	float: right;	line-height: 1.5em;}
.ouralumni-category-name{ font-weight: bold; color:#E06060; }

.management-event-row{ clear:right; 	padding-top: 5px;	height: 1.2em; }
.management-event-left{	font-size: 12px;	width: 65%;	padding-left:10px;	float: left;	line-height: 1.5em;}
.management-event-right{	font-size: 12px;	width: 30%;	float: right;	line-height: 1.5em;}
.event-category-name{ font-weight: bold; color:#E06060; }


/* ---------------------------------------------------
* ::::::::::::: MANAGEMENT ABOUTUS :::::::::::::::::::
* displaying the content of 'About-us' in management
-----------------------------------------------------*/
div#management_about_us p { font-weight:normal; font-size:12px; }
span#aboutus_category_name { position:absolute; left:400px; color:#E06060; font-weight:bold;}



/* ---------------------------------------------------
* ::::::::::::: MANAGEMENT MEMORY :::::::::::::::::::
* displaying the content of 'Memories' in management
-----------------------------------------------------*/
span#memories_category_name { position:absolute; left:265px; color:#E06060; font-weight:bold;}
span#management_memories_h2 { color:#0080C0; font-size:11px; font-weight:bold;}
div#no_photo_uploaded {
	border: 1px solid #CAE1FF;
	color:#E06060; 
	font-weight:bold;
	padding:10px 0 10px 0;
}
div#supported_files {
	color:#9C9C9C;
	font-weight:normal;
}


div.memory-album-container
{
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
	float: left;
}


div#memory-main{
	position:relative;
	overflow:auto;
	float:left;
	
}

.memory-content{
	clear:both;
	margin-bottom:10px;
	
}




/* ---------------------------------------------------
* :::::::::::::::::::: MESSAGES ::::::::::::::::::::::
* Displaying the content in 'Messages'
-----------------------------------------------------*/

.send-message-h1{
	background: #F5F6F5;	
	font-size:12px;
	height:20px;
	padding:5px 0 0 10px;
	font-weight:bold;
}

div#message-content {
    font-size:0.8em;
    border: 1px solid #CAE1FF;
    padding:10px 5px 5px 20px;
}
div#message-content-table{ width:100%;}
div#message-content table{ font-size: 1.2em;}
div#write-message-content { }
.write-message-row{ clear:right; 	padding-top: 5px;	height: 1.2em; }
.write-message-left{ font-size: 12px;	width: 20%;	padding-left:5px;	float: left;	line-height: 1.5em;}
.write-message-right{ font-size: 12px;	width: 75%;	float: right;	line-height: 1.5em;}
p#message_paging{ text-align:right;}
td.unread{ 	background-color:#F0F8FF;	font-weight:bold; }
td.read{ background-color:#FFFFFF; }
.m_buttons
{
	margin: 0;
	border: 1px solid #FFF;
	padding: 0;
}
#m_textlinks
{
	margin: 25px 0 0 0 ;
	padding: 0;
}

div#mail-print-preview{
	overflow:auto;
	border:1px solid #CCCCCC;
	padding:10px;
	font-family: "Arial", "Verdana", sans-serif;
	color:#000;
}

div#mail-print-preview,
div#mail-print-preview div,
div#mail-print-preview p,
div#mail-print-preview ul,
div#mail-print-preview span{
	font-size:12px;
}

div#content div#mail-print-preview p{
margin: 0;
}


div#content div#mail-print-preview a,
div#content div#mail-print-preview a:link{
text-decoration:underline;	
color:blue;
}
div#content div#mail-print-preview a:hover, 
div#content div#mail-print-preview a:focus, 
div#content div#mail-print-preview a:active {
text-decoration: none;
border-bottom:none;
text-decoration:underline;	
background:none;
}


/* ---------------------------------------------------
* :::::::::::::::::::: MEDIA :::::::::::::::::::::::::
* Displaying the content in 'Media'
-----------------------------------------------------*/
div.media-container
{
	position: relative;
	margin: 0 20px 0 0;
	padding: 0;
	width: 95%;
	float: left;
}
div.media-widget h4
{
	padding: 2px 10px 2px 10px;
	width: 100%;
	border-bottom:2px solid #e0e0e0;
	background: #F5F5F5;
	color: #666;

}

div.media-widget
{
	margin: 5px;
	margin-bottom: 25px;
	border: 1px solid #FFF;
}

span.media-album{
	width:120px;
	height:150px;
	float:left;
	margin: 0 10px 10px 0;
	background: url(../../_img/album_bg.jpg)  no-repeat;
}

.media-album img{
	margin: 10px 10px 0 10px;
	border: 1px solid #777;
	width:95px;
	height:80px;
}
.media-album p{
	margin: 0;
	padding: 0 20px 30px 10px;
	background: url(../../_img/album_bg_bottom.jpg) no-repeat 0 100%;
	text-align:center;
}
span.media-albumless{
	width:120px;
	height:150px;
	float:left;
	margin: 0 10px 10px 0;
	border: 1px solid #777;
}
.media-albumless img{
	margin: 10px 10px 0 10px;
	border: 1px solid #777;
	width:95px;
	height:80px;
}
.media-albumless p{
	margin: 0;
	padding: 0 20px 30px 10px;
	text-align:center;
}


div#thumbnail {
	width:120px;
	height:150px;
	float:left;
	margin: 0 10px 10px 0;
	background: url(../../_img/album_bg.jpg)  no-repeat;
}
div#thumbnail img {
	margin: 10px 10px 0 10px;
	border: 1px solid #777;
	width:95px;
	height:80px;
}
div#thumbnail p {
	margin: 0;
	padding: 0 20px 30px 10px;
	background: url(../../_img/album_bg_bottom.jpg) no-repeat 0 100%;
	text-align:center;
}
div#border div#my_album_list{
	text-align:center;
	font-size:12px;
}

/* thubtail for the pictures only
Note: the above thumbtail is for the album cover and the following thumbtail I made it sepately to give it a different look from the albums
*/
.pic_thumbnail {
	width:120px;
	height:150px;
	float:left;
	margin: 0 10px 10px 0;
}
.pic_thumbnail img {
	margin: 10px 10px 0 10px;
	border: 1px solid #777;
	width:95px;
	height:80px; 
}
.pic_thumbnail p {
	margin: 0;
	padding: 0 20px 30px 10px;
/*	background: url(../../_img/album_bg_bottom.jpg) no-repeat 0 100%; */
	text-align:center;
}



/*
 ###########################################################################
*/
/*
###########################################################################
*/

/* ----------------------------------------------------------
Displaying the content in 'Freinds'
*/
div.friends-list{
	margin-bottom: 10px; 
	margin-left:5px; 
	border: 1px solid #CAE1FF;
	position:relative;
	height:120px;
}
div.friends_thumbnail {
	float:left;
	position: relative;
	margin: 5px ;
}
div.friends-detail {
	float:left;
	position: relative;
	margin: 5px ;
	padding-left:20px;
	width:50%;
}
div.friends-detail span.class-of { 	
font-size: 1.0em;
line-height: 160%;
margin: 0 0 16px 0;
}
div.friends_thumbnail img {
	border: 1px solid #777;
	height:90px;
	width:90px;
}
div.friends-options {
	position:relative;
	margin:0;
	float:right;
}
div.friends-options p{
	font-size:12px;
	margin:10px;
}


div.sitemap-menu{
    font-size:0.9em;
    padding-left:30px;
}
div.sitemap-menu img{
    height:10px;
}

div.sitemap-submenu{
    font-size:0.9em;
    padding-left:40px;
}
div.sitemap-submenu img{ 
}

/*
------------------------------------------------------------------------------------------
-------- ADDED FOR GENERAL PURPOSE -------------------------------------------------------
*/
/*
added for the content menu :[ menu at the top of (almost) each content pages ]
*/
div.spacer {
  clear: both;
  }
div.container {
  height:300px;

  }     

div.float {
  float: left; 
  width: 100px;
  height:100px;
  padding: 10px;
  margin:10px;
  border: 1px solid #333;
  }
div.float img{
  width: 95px;
  height:80px;
  margin:1px;
  }
  
div.float p {
   text-align: center;
   }

div#content_menu_top { 
	font-weight:bold; 
}
div#content_submenu_top {
	font-weight:bold;
	font-size:12px; 
	border: 1px solid #CAE1FF;
	padding:5px 0px 10px 0px;
	margin: 0 10px 10px 0;
}
div#content_submenu_top p{
	font-size:12px; 
}

div#center { text-align:center; }
div.center { text-align:center; }
p#center { text-align:center; }
p.center { text-align:center; }
.left { text-align:left; }
p#right { text-align:right; }
div#right{ 	text-align:right;}
span#right{	text-align:right;}
span#bold { font-weight:bold; }
span.bold { font-weight:bold; }
span#center { text-align:center; }
div#border { border: 1px solid #CAE1FF; }
div.border { border: 1px solid #CAE1FF; }

/* re-defines the margines of a paragraph (otherwise the paragraph uses the margine defined under #content */ 
div#border p { margin: 5px 0 5px 10px; }

div.float_left { float:left; }
div.float_right { float:right; }

.float_left { float: left; }
.float_right { float: right; }

span#user_column1 { position:absolute; left:265px; }
span.user_column2 { position:absolute; left:400px; }
span#user_column3 { position:absolute; left:500px; }
span#user_column4 { position:absolute; left:600px; }
span#user_column5 { position:absolute; left:630px; }
span#user_column6 { position:absolute; left:790px; }
span#user_column7 { position:absolute; left:890px; }



div.general-row{
	clear:right;
	overflow:auto;
	padding:5px;
}
.general-col-5x{
	float: left;
	width: 5%;
	font-size: 12px;
	text-align:left;
}

.general-col-10x{
	float: left;
	width: 10%;
	padding-left:5px;
	font-size: 12px;
	text-align:left;
}
.general-col-15x{
	float: left;
	width: 15%;
	padding-left:5px;
	font-size: 12px;
	text-align:left;
}
.general-col-20x{
	float: left;
	width: 20%;
	padding-left:5px;
	font-size: 12px;
	text-align:left;
}
.general-col-30x{
	float: left;
	width: 30%;
	padding-left:5px;
	font-size: 12px;
	text-align:left;
}
.general-col-40x{
	float: left;
	width: 40%;
	padding-left:5px;
	font-size: 12px;
	text-align:left;
}
.general-col-60x{
	float: left;
	width: 60%;
	padding-left:5px;
	font-size: 12px;
	text-align:left;
}

.general-col-75x{
	float: left;
	width: 75%;
	padding-left:5px;
	font-size: 12px;
	text-align:left;
}





/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*************** ADDED FOR GROUPS *****************************************************/
div.group-row
{	clear:right;
	padding-top: 5px;
	height: 1.2em;
}

span.group-name
{
	font-size: 0.76em;
	width: 65%;
	padding-left:10px;
	float: left;
	line-height: 1.5em;
}

span.group-action
{
	font-size: 0.76em;
	width: 25%;
	float: right;
	line-height: 1.5em;
}

span.group-admin {
	padding-left:0px;	
}
.group-title-h1 {
	font-size:12px; 
	color:#E06060;
	font-weight:bold;
	padding-left:10px;
}

div#group-content {
/*	border: 1px solid #CAE1FF; 
	padding:10px; */
}

span#group-name { 
	color:#E06060;
	font-weight:bold;
	padding-left:20px;
}


div.forum-row{	
	clear:right;
	padding-top: 5px;
	height: 1.2em;
}
div#forum-bg{
	float:left;
	overflow:auto;
	width:100%;
	border: 1px solid #CAE1FF;
	background: url(../../_img/forum/forum_body_bg.gif) repeat;	
}
div.forum-row-head{ 
	background-image:url(../../_img/forum/forum_head_bg.gif);
	clear:right;
	padding-top: 5px;
	height: 1.2em;
}
/* ---forum main page -------------- */
div.forum-row-body{ clear:both; padding-top: 5px;}
span.forum-name{ font-size: 0.76em;	width: 40%;	padding-left:10px;	float: left; line-height: 1.5em; }
span.forum-post{ font-size: 0.76em;	width: 10%;	float: right;	line-height: 1.5em;	text-align:center; }
span.forum-view{ font-size: 0.76em;	width: 10%;	float: right;	line-height: 1.5em;	text-align:center; }
span.forum-thread{ font-size: 0.76em;	width: 10%;	float: right;	line-height: 1.5em;	text-align:center;}
span.forum-detail{ font-size: 0.76em;	width: 25%;	float: right;	line-height: 1.5em;	text-align:right;	padding-right:5px;}
/* ---/forum main page -------------- */
div.forum-breadcrumb{
font-size:0.76em;
font-weight: normal;
font-family: "Verdana", "Arial", sans-serif;
}

.forum-post-head{ 
	background-image:url(../../_img/forum/forum_head_bg.gif);
	clear:right;
	overflow:auto;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

div#forum-post{ clear:right; border: 1px solid #CAE1FF; }
div#forum-post-reply{ clear:right; border-left: 1px solid #CAE1FF; border-bottom: 1px solid #CAE1FF; border-right: 1px solid #CAE1FF;}
div#forum-post-reply form{
	padding:10px;
}
div.forum-post-body{ clear:right; overflow:auto;  padding-top: 5px;  }
span.forum-post-author{float: left; font-size: 0.76em;	width: 30%;	  padding:5px; 	 }
span.forum-post-detail{float: left; font-size: 0.76em;	width: 65%;	  padding:5px;	text-align:left;	 }
div.forum-post-footer{ clear:right; overflow:auto; padding:5px 2px 10px 2px; }
span.forum-post-action{ float: left; font-size: 0.76em;	width: 65%;	  padding-right:5px; text-align:right;	}

.grey-text { color:#999999;}
.small-grey-text { color:#999999; font-size:11px;}
img#forum-pics{ width:120px; border:1px solid #CCCCCC; padding:2px; margin:5px 0 2px 0;}
img#forum-post{ height:19px; width:17px;}



div.user-setting-row{ clear:right; 	padding-top: 5px;	height: 1.2em; }
span.user-setting-name{	font-size: 0.76em;	width: 20%;	padding-left:10px;	float: left;	line-height: 1.5em;}
span.user-setting-value{	font-size: 0.76em;	width: 75%;	float: right;	line-height: 1.5em;}
div.edit-about-me{ size:12px; }

.group-top-h1{
	background: #F5F6F5;	
	height:25px;
	padding:2px 0 0 10px;
	border-bottom:2px solid #e0e0e0;
}


/*************** /ADDED FOR GROUPS ***************************************************
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*************** ADDED FOR JOBS *****************************************************/

div.login-row{ clear:right; 	padding: 5px 0 0 10px; overflow:auto; }
span.login-name{	font-size: 12px;	width: 20%;	float: left; text-align:left;	}
span.login-value{	font-size: 12px;	width: 75%; padding-left:5px;	float: left; text-align:left;}
span.job-search-name{	font-size: 12px;	width: 15%;	padding-left:10px;	float: left;	line-height: 1.5em;}
span.job-search-value{	font-size: 12px;	width: 80%;	float: right;	line-height: 1.5em;}

.jobs-h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin: 0 120px 10px 0;
font-weight: bold;
color:#999999;
}
.jobs-title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin: 0 120px 0 0;
font-weight: bold;
color:#999999;
}
.jobs-ref-nr{
color:#999999;
margin:0 0 10px 0;
font-size:11px;
border-bottom:2px solid #e0e0e0;
line-height:20px;
}

.jobs-content {
font-size:12px;
font-family:"Verdana", "Arial",  sans-serif;
line-height: 180%;
}

/*---------------------
* displaying single job
*/
div#display-single-job {
}

.jobs-heading{
font-weight:bold;
font-size:12px;
color:#999999;
}

div#display-job-category .table{
margin: 0 0 20px 0;
border-collapse: collapse;
}
div#display-job-category th {
font-size: 0.76em;

border-bottom:2px solid #e0e0e0;
border-top:none;
border-left: none;
border-right:none;

text-align: left;
background: #F5F5F5;
color: #666;
text-transform:uppercase;

}

div#display-job-category td {
	font-size: 12px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	height:50px;
	border-bottom:none;
	border-top:none;
	border-left: none; 
	border-right:none;
	/*
	border: 1px solid #e0e0e0;
	*/
	background:none;
}

div#display-job-category tr:hover {
	background: #ffffd9;
}

div#display-job-category td.row-bg1 {
	background: #f9f9f9;
}

/* ''''''''''''''''''''''''''''''''''*/
div#display-job-account .table{
	margin: 0 0 20px 0;
	border-collapse: collapse;
}
div#display-job-account th {
	font-size: 0.76em;
	/*
	text-align:left;
	text-transform:uppercase;
	padding: 6px 6px 6px 12px;
	*/
	/* border-right: 1px solid #C1DAD7; 
	background:#CCCCCC;
	color: #333;
	border-bottom:2px solid #e0e0e0;
	border-top:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	*/
	
	border-bottom:2px solid #e0e0e0;
	border-top:none;
	border-left: none;
	border-right:none;
	
	text-align: left;
	background: #F5F5F5;
	color: #666;
	text-transform:uppercase;

}

div#display-job-account td {
	font-size: 12px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	height:30px;
	/*border-bottom:none;
	border-top:none;
	border-left: none; 
	border-right:none;
	*/
	border: 1px solid #e0e0e0;
	
	background:none;
}

div#display-job-account tr:hover {
	background: #ffffd9;
}

div#display-job-account td.row-bg1 {
	background: #f9f9f9;
}
/* '''''''''''''''''''''''''''''''''''*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*************** /ADDED FOR JOBS *****************************************************/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*************** ADDED FOR PAGING *****************************************************/

.search-paging-box {
	margin: 10px 0 10px 0;
	padding: 10px;
	font-size: 12px;
	text-align:center;
}


.cv-image1{
	width: 700px;
	border: 1px solid #333;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*************** /END ADDED FOR PAGING *****************************************************/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*************** ADDED FOR CV BOOK *****************************************************/
div#cv-book-content div{	font-size:12px;}
div#cv-book-content p{ line-height: 1em; margin: 0 0 0 0;}

div#cv-book-content div#cv-personal-data{ }
div#cv-book-content div#cv-data-numbers{ padding:0 0 0 20px; }

div#cv-data-numbers a,
div#cv-data-numbers a:hover,
div#cv-data-numbers a:focus,
div#cv-data-numbers a:link,
div#cv-data-numbers a:active{ 
	text-decoration: none; 
	border-bottom: none; 
	background: none
}

.cv-general-h3{
	color:#999999;
	margin:0 0 10px 0;
	font-size:14px;
	font-weight:bold;
	border-bottom:2px solid #e0e0e0;
	line-height:20px;
}

span.red-text {	color:#FF0000;}

div#cv-preview{ width:99%; }
div#cv-book-content div#cv-preview div#cv-preview-username{ text-align:center; text-transform:uppercase;}

div#cv-container-right{	margin: 0;	padding: 0;	width: 25%;	float: right; text-align:right;}
div#cv-container-left{	position: relative;	margin: 0 20px 0 0;	padding: 0;	width: 65%;	float: left;}
div.cv-widget{	margin: 5px;	margin-bottom: 25px;}

img#cv-profile-pic { width: 100px;}

div.cv-row { clear: both;	padding-top: 2px;}
span.cv-column-left {	font-size: 12px;	width: 35%;	color:#666; font-weight:bold;  float: left;		line-height: 1.5em;}
span.cv-column-right {	font-size: 12px;	width: 60%;	color: #666;	   float: right;	line-height: 1.5em;}

span.cv-main-left {	font-size: 12px;	width: 20%; color:#666;	font-weight:bold;  float: left;		line-height: 1.5em;}
span.cv-main-right { font-size: 12px;	width: 74%;	color: #666;	   float: right;	line-height: 1.5em;}


div.cv-container-center{	position: relative;	margin: 0 20px 0 0;	padding: 0;	width: 99%;	float: left; }

.cv-preview-h3{
	color:#999999;
	margin:0 0 10px 0;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #e0e0e0;
	line-height:20px;
}
div.cv-widget span.cv-widget-menu
{
	position:relative;
	float: right;
	margin-top: -18px;
	font-weight: normal;
	text-decoration: none;
	text-align:right;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*************** ADDED HINTS *****************************************************/
.hints-h1{
	font-size:14;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	padding:5px 0 0 5px;
}
div#hints-content{
	font-size:12px;
	min-height:400px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*************** ADDED FOR FLAGS *****************************************************/

form#flags fieldset {
background:none;
border: #999 1px solid;
}
form#flags fieldset legend {
color:none;
}
form#flags fieldset {
width: 80%;
display: block;
margin: 4px 0 30px 0;
}

form fieldset legend {
margin: 0 0 0 5px;
}

form#flags fieldset p,
form#flags fieldset div, 
form#flags fieldset label {
font-size:12px;
padding: 5px; 
margin: 0 0 5px 0; 
}
 

form#flags fieldset p label {
padding: 0; 
margin: 0; 
font-size:1em;
}
form#flags fieldset legend {
font: 13px "Trebuchet MS", Lucida Sans, Lucida Sans Unicode, Verdana, sans-serif;
font-weight: bold;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -| 
*************** ADDED FOR MAIL MERGE *************************************************|
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -|
*/
.mailmerge-h1{
	background: #F5F6F5;	
	font-size:12px;
	height:20px;
	padding:5px 0 0 10px;
	font-weight:bold;
}

.mailmerge-content{
	font-size:12px;
	padding:10px 0 0 10px;
}


.mailmerge-content .table{
	margin: 0 0 20px 0;
	border-collapse: collapse;
}
.mailmerge-content th {
	font-size: 0.76em;
	border-bottom:2px solid #e0e0e0;
	border-top:none;
	border-left: none;
	border-right:none;
	
	text-align: left;
	background: #F5F5F5;
	color: #666;
	text-transform:uppercase;

}

.mailmerge-content td {
	font-size: 12px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	height:30px;
	/*border-bottom:none;
	border-top:none;
	border-left: none; 
	border-right:none;
	*/
	border: 1px solid #e0e0e0;
	
	background:none;
}

.mailmerge-content tr:hover {
	background: #ffffd9;
}

.mailmerge-content td.row-bg1 {
	background: #f9f9f9;
}

.mailmerge-row{ clear:right; 	padding-top: 5px;	height: 1.2em; }
.mailmerge-name{	font-size: 12px;	width: 25%;	padding-left:10px;	float: left;	line-height: 1.5em;}
.mailmerge-value{	font-size: 12px;	width: 70%;	float: right;	line-height: 1.5em;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -| 
*************** ADDED FOR FEES *******************************************************|
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -|
*/

.fee-h1{
	background: #F5F6F5;	
	font-size:12px;
	height:20px;
	padding:5px 0 0 10px;
	font-weight:bold;
	border-bottom:2px solid #e0e0e0;
}

.fee-content{
	font-size:12px;
	padding:10px 0 0 10px;
}

.fee-content .table{ margin: 0 0 20px 0;	border-collapse: collapse; }
.fee-content th {
	font-size: 0.76em;
	border-bottom:2px solid #e0e0e0;
	border-top:none;
	border-left: none;
	border-right:none;
	
	text-align: left;
	background: #F5F5F5;
	color: #666;
	text-transform:uppercase;
}

.fee-content td {
	font-size: 12px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	height:30px;
	border: 1px solid #e0e0e0;
	background:none;
}

.fee-content tr:hover { background: #ffffd9;}
.fee-content td.row-bg1 { background: #f9f9f9;}

.fee-row{ clear:right; 	padding-top: 5px;	height: 1.2em; }
.fee-name{	font-size: 12px;	width: 20%;	padding-left:10px;	float: left;	line-height: 1.5em;}
.fee-value{	font-size: 12px;	width: 75%;	float: right;	line-height: 1.5em;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -| 
*************** ADDED FOR NEWSLETTER MANAGEMENT **************************************|
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -|
*/
.newsletter-h1{
	background: #F5F6F5;	
	height:20px;
	padding:5px 0 0 10px;
	font-weight:bold;
	border-bottom:2px solid #e0e0e0;
	
}
div.newsletter-row {	
	clear:right;
	padding-top: 5px;
	height: 1.2em;
}

span.newsletter-left {
	font-size: 0.76em;
	width: 70%;
	padding-left:10px;
	float: left;
	line-height: 1.5em;
}

span.newsletter-right {
	font-size: 0.76em;
	width: 20%;
	float: right;
	line-height: 1.5em;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -| 
*************** ADDED FOR USER CONTACT MANAGEMENT ************************************|
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -|
*/
.user-contact-h1{
	font-size:12px;
	background: #F5F6F5;	
	height:20px;
	padding:5px 0 0 10px;
	font-weight:bold;
	border-bottom:2px solid #e0e0e0;
}

.user-contact-content .table{ margin: 0 0 20px 0;	border-collapse: collapse; }
.user-contact-content th {
	font-size: 0.76em;
	border-bottom:2px solid #e0e0e0;
	border-top:none;
	border-left: none;
	border-right:none;
	
	text-align: left;
	background: #F5F5F5;
	color: #666;
	text-transform:uppercase;
}

.user-contact-content td {
	font-size: 12px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	height:30px;
	border: 1px solid #e0e0e0;
	background:none;
}

.user-contact-content tr:hover { background: #ffffd9;}
.user-contact-content td.row-bg1 { background: #f9f9f9;}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -| 
*************** ADDED FOR GENERAL SEARCH *********************************************|
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -|
*/


.general-search-content{
	font-size:12px;
	padding:10px 0 0 10px;
}
.general-search-h1{
	background: #F5F6F5;	
	font-size:12px;
	height:20px;
	padding:5px 0 0 10px;
	font-weight:bold;
	border-bottom:2px solid #e0e0e0;
}
.search-result-h1{
	font-size:14px;
	color:#000099;
	font-weight:bold;
}
.search-result-body{
	padding-top:5px;
}
.search-result-link{
	color:#009900;
}






.profile-search-row{ clear:right; 	padding-top: 5px;	height: 1.2em; }
.profile-search-left{	font-size: 12px;	width: 45%;	padding-left:20px;	float: left;	line-height: 1.5em;}
.profile-search-right{	font-size: 12px;	width: 45%;	float: right;	line-height: 1.5em;}

#advanced-profile-search{
	font-size:12px;
	padding:10px;
	border: 1px solid #CAE1FF;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -| 
*************** ADDED FOR USER FILTERS *********************************************|
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -|
*/


#management-user-filters{
	padding:10px;
	border:1px solid #CAE1FF;

}
#user-filter-h1{
	padding:3px;
	font-weight:bold;
	font-size:12px;
	background: #F5F6F5;	
}

#add-user-filter{
	font-size:12px;
	padding:10px;
}


div.user-filter-row-h1{	
	clear:right;
	overflow:auto;
	padding:5px;
	background: #F5F6F5;
	border-bottom:2px solid #CCCCCC;
}

div.user-filter-row-odd{	
	clear:right;
	overflow:auto;
	padding:5px;
}
div.user-filter-row-even{	
	clear:right;
	overflow:auto;
	padding:5px;
	background: #F1F5FA;
}
div.user-filter-row-odd:hover,
div.user-filter-row-even:hover{
	background:#FFFFCC;
}

span.filter-col-1{
	float: left;
	width: 7%;
	font-size: 12px;
	text-align:left;
}

span.filter-col-2{
	float: left;
	width: 20%;
	padding-left:5px;
	font-size: 12px;
	text-align:left;
}
span.filter-col-3{
	float: left;
	width: 35%;
	padding-left:5px;
	font-size: 12px;
	text-align:left;
}
span.filter-col-4{
	float: left;
	width: 35%;
	padding-left:5px;
	font-size: 12px;
	text-align:left;
}
span.filter-col-5{
	float: left;
	width: 60%;
	padding-left:5px;
	font-size: 12px;
	text-align:left;
}
span.filter-col-6{
	float: left;
	width: 10%;
	padding-left:5px;
	font-size: 12px;
	text-align:left;
}
span.filter-col-7{
	float: left;
	width: 20%;
	padding-left:5px;
	font-size: 12px;
	text-align:left;
}
















/*span.media-right
{
	font-size: 12px;
	width: 3%;
	float: right;
	line-height: 1.5em;
}

*/

/*-------------------------------------------------------------------------------------------------------------------------
* NEED TO CHECK AND DELETE
*/

div#form_content_data{
font-size:12px;
}
div#form_content_data span#input_type {
	position:absolute; left:380px;
}

div#dynamic_menu_access span#input_type {
	position:absolute; left:450px;
}
span#table_management_column1 {
	position:absolute; left:265px;
	padding-left:5px;
}
span#table_management_column2 {
	position:absolute; left:465px;
}
span#table_management_column3 {
	position:absolute; left:665px;
}
span#table_management_column4 {
	position:absolute; left:900px;
}

div#management_content{
	border: 1px solid #CAE1FF;
	position:relative;
}
div#management_content p{
	margin:0 0 0 20px;
	font-size:12px;
}
span#category-name { 
	color:#E06060;
	font-weight:bold;
}

span#category-action{
	position:absolute; left:600px;
}
/* ------------------------------------------------
displaying the content inside tables (with border)
*/
div#user_search_result {
	margin-bottom: 10px; margin-left:5px; 
	width: 99%; 
}