body
{ 
    color:#000000; 
    background-color:#FFFFFF; 
    font-size: 0.7em;
    font-family: Arial, verdana, sans-serif; 
    margin-left:0px; 
    margin-top:0px; 
    margin-right:0px; 
    margin-bottom:0px;
    line-height: 1.4em;
}

td
{ 
    font-size:11pt;
    line-height: 1.4em;
    font-weight:normal; 
    text-decoration:none; 
}

.content    
{
     background-color: #eef6fd;
     border-left: 1px solid #001d7c; 
     border-right: 1px solid #001d7c; 
     border-bottom: 1px solid #001d7c; 
}

.content-misc
{
     background-color: #eef6fd;
     border: 1px solid #333a99; 
     padding: 6px;
}

.pic
{
     border: 1px solid #000000; 
}

.login
{
     padding-left:8px; 
}

.submit-login
{
     padding-left:8px; 
}

td.footer-copy { padding: 3px 0px 10px 6px; font-family: Verdana, Arial, Sans-Serif; font-size: 7pt; font-style: normal; font-weight: bold; color: #333a99; line-height: 1.3em; text-align: left; }
td.footer-menu { padding: 3px 6px 10px 0px; font-family: Verdana, Arial, Sans-Serif; font-size: 7pt; font-style: normal; font-weight: bold; color: #333a99; line-height: 1.3em; text-align: right; }
td.footer-menu a { font-family: Verdana, Arial, Sans-Serif; font-size: 7pt; font-style: normal; font-weight: bold; color: #333a99; line-height: 1.3em; }
td.footer-menu a:hover { font-family: Verdana, Arial, Sans-Serif; font-size: 7pt; font-style: normal; font-weight: bold; color: #FF0000; line-height: 1.3em; }

.textbox
{
   border: solid 1px #7f9db9;
   font-size: 14px;
}

.buttons
{   
   margin: 10px 0px 10px 0px;
}

.category
{   
   font-size: 0.7em;
   font-family: verdana, arial, sans-serif; 
   font-weight:bold;
   line-height: 1.6em;
}

.sub-category
{   
   font-size: 0.7em;
   padding-left: 10px;
   font-family: verdana, arial, sans-serif; 
   line-height: 1.6em;
}

.friends-list
{   
   font-size: 0.7em;
   font-family: verdana, arial, sans-serif; 
   font-weight:bold;
   line-height: 22px;
   padding-left: 5px;
}

.invitation-list
{   
   font-size: 0.7em;
   font-family: verdana, arial, sans-serif; 
   line-height: 22px;
   padding-left: 5px;
}
.validation-labels
{   
   font-size: 7px;
   padding: 10px 10px 0px 10px;
   margin-bottom: 20px;
   line-height: 19px;
}

.box-top-right
{
    
   background-color: #f4f8fc;
   border: solid 1px #333a99;
   border: dotted 1px #0b4ca3;
   margin: 2px;
   padding: 2px;
}

.font-1
{
   font-size: 10px; 
   line-height: 1.1em;
   font-family: verdana, arial, sans-serif; 
    
}

.font-main-menu
{
   font-size: 11px; 
   line-height: 1.1em;
   font-family: verdana, arial, sans-serif; 
    
}

.font-1-b
{
   font-size: 10px; 
   line-height: 1.4em;
   font-family: verdana, arial, sans-serif; 
   font-weight: bold;
    
}

.font-2
{
   font-size: 12px; 
   line-height: 1.7em;
    
}

.font-3
{
   font-size: 12px; 
   line-height: 1.7em;
   color: #ff0000;    
}

.font-human-info1
{
   color: #666665;
   font-size: 12px;
   line-height: 1.0em;
}

.font-human-info2
{
   color: #111111;
   font-size: 15px;
   font-weight: bold;       
   line-height: 1.2em;
}

.font-event-title
{
   font-family: Times New Roman, Verdana, Arial, Sans-Serif; 
   font-size: 16px; 
   line-height: 1.25em;
   color: #e5f2fe;    
}

.font-event-year
{
   font-family: Times New Roman, Verdana, Arial, Sans-Serif; 
   font-size: 1.5em;
   line-height: 1.0em;
   color: #000000;
}

.font-event-shared
{
   font-family: Times New Roman, Verdana, Arial, Sans-Serif; 
   font-size: 12px;
   color: #ad1718;
}
.font-doc-ext
{
   font-family: Times New Roman, Verdana, Arial, Sans-Serif; 
   font-size: 1.5em;
   line-height: 1.7em;
   color: #ffffff;    
}

.small-text
{
    font-size: 10px;
}

.small-text-home-page
{
   font-size: 12px; 
   line-height: 1.5em;
   text-align: justify;
}

.h1-homepage
{
   font-family: Times New Roman, Verdana, Arial, Sans-Serif; 
   font-size: 25px;
   color: #000000;
   padding: 0;
   margin: 0;
   font-weight:normal;   
}

.h2-homepage
{
   font-family: Times New Roman, Verdana, Arial, Sans-Serif; 
   font-size: 20px;
   color: #000000;
   line-height: 30px;
   padding: 0;
   margin: 0;
   font-weight:normal;
}

.h3-homepage
{
   font-family: Times New Roman, Verdana, Arial, Sans-Serif; 
   font-size: 18px;
   color: #000000;
   line-height: 30px;
   padding: 0;
   margin: 0;
   font-weight:normal;
}
.input-1
{
   border: solid 1px #7f9db9;
   font-size: 10px; 
   line-height: 1.5em;
   width: 80px;
    
}

.question
{
   font-size: 12pt;
   font-weight:bold;
   line-height: 1.7em;
   color: #000000;    
}

.answer
{
   font-size: 11pt;
   line-height: 1.3em;
   color: #000000;    
}

.privacy-title
{
   font-size: 12pt;
   font-weight:bold;
   line-height: 1.7em;
   color: #000000;    
}

.event-createdate
{
   font-size: 11px; 
   line-height: 1.5em;    
   color: #444444;
}

/* padding here*/
.top-menu-padding
{
   padding-bottom: 9px;
}

/* a Tags Here*/

a { color: #0000FF; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: none; }

a.top-menu 
{
     font-size: 12px; 
     font-family: Arial, verdana, sans-serif; 
     color: #000000; 
     text-decoration: none;      
     font-weight:bold;
     padding-right: 3px;
}

a.top-menu:hover
{ 
    font-size: 12px;
    font-family: Arial, verdana, sans-serif;  
    color: #ff0000; 
    text-decoration: none; 
    font-weight:bold;
}

a.content-menu 
{
     font-size: 11px;
     font-family: Arial, verdana, sans-serif;  
     color: #ffffff; 
     text-decoration: none;      
     font-weight:bold;
     padding-bottom:2px;
}

a.content-menu:hover
{ 
    font-size: 11px; 
    font-family: Arial, verdana, sans-serif; 
    color: #f3ec2a; 
    text-decoration: none; 
    font-weight:bold;
    padding: 0 0 0 0;
}

a.event-shared
{
     font-size: 11px;
     font-family: Arial, verdana, sans-serif;  
     color: #ff0000; 
     text-decoration: none;      
     font-weight:bold;
     padding-bottom:2px;
}

a.event-shared:hover
{ 
    font-size: 11px; 
    font-family: Arial, verdana, sans-serif; 
    color: #f3ec2a; 
    text-decoration: none; 
    font-weight:bold;
    padding: 0 0 0 0;
}

a.event-links1
{ 
    font-size: 12px; 
    font-family: Arial, verdana, sans-serif;     
    color: #eef6fd; 
    text-decoration: none; 
    font-weight:bold;
}

a.event-links1:hover
{ 
    font-size: 12px; 
    font-family: Arial, verdana, sans-serif; 
    color: #f3ec2a; 
    text-decoration: none; 
    font-weight:bold;
}

a.event-links2
{ 
    font-size: 12px; 
    font-family: Arial, verdana, sans-serif;     
    color: #000000; 
    text-decoration: none; 
    font-weight:bold;
}

a.event-links2:hover
{ 
    font-size: 12px; 
    font-family: Arial, verdana, sans-serif; 
    color: #0000ff; 
    text-decoration: none; 
    font-weight:bold;
}

a.event-action-links
{ 
    font-size:10pt; 
    color: #0000ff; 
    text-decoration: none; 
}

a.event-action-links:hover
{ 
    font-size:10pt; 
    color: #ff0000; 
    text-decoration: none; 
}

a.edit-subcat
{
    font-size:10px; 
    color: #0000ff; 
    text-decoration: none; 
}

a.edit-subcat:hover
{
    font-size:10px; 
    color: #ff0000; 
    text-decoration: none; 
}

/* Title Style Here*/

.title-1
{   
   margin: 8px 0px 8px 0px;
   color: #0b4ca3;
   font-size: 13pt;
   font-weight: bold;
}

.title-2
{   
   margin: 8px 0px 8px 0px;
   color: #0b4ca3;
   font-size: 16px;
   font-weight: bold;   
}

.title-3
{   
   margin: 8px 0px 8px 0px;
   color: #ff0000;
   font-size: 16px;
   font-weight: bold;   
}

.title-4
{   
   margin: 8px 0px 8px 0px;
   color: #ff0000;
   font-size: 13pt;
   font-weight: bold;
}

.title-5
{   
   margin: 8px 0px 8px 0px;
   color: #ff0000;
   font-size: 30pt;
   font-weight: bold;
}

.title-6
{   
   margin: 8px 0px 8px 0px;
   color: #ff0000;
   font-size: 20px;
   font-weight: bold;   
}

.field-titles
{   
   font-size: 9pt;
   font-weight: bold;
   padding: 5px 10px 5px 1px;
}

.title-friend
{
   padding: 3px 5px 3px 9px;
   background-color: #000000;
   color: #ffffff;
   font-size: 12px;
   font-weight: bold;      
}

.title-original-pic
{
   color: #000000;
   font-size: 17px;
   font-weight: bold;      
}

.header-box-title
{   
   background-image: url('images/event_menu_bg.jpg');
   padding: 0px 5px 0px 5px;
   font-size: 9pt;
   font-family: Arial, verdana, sans-serif;    
   color: #ffffff;
   font-weight: bold;
}

.content-titles
{   
   font-size: 11pt;
   font-family: Arial, verdana, sans-serif;    
   font-weight: bold;
   padding: 2px 10px 2px 1px;
   color: #ffffff;
}

.event-title
{   
   font-size: 11pt;
   font-family: Arial, verdana, sans-serif;    
   font-weight: bold;
   padding: 2px 10px 2px 1px;
   color: #ffffff;
}

.event-date
{   
   font-size: 11pt;
   font-family: Arial, verdana, sans-serif;    
   font-weight: bold;
   padding: 2px 2px 2px 1px;
   color: #ffffff;
}

.event-name
{
    color: #fffc00;
}

.error-title
{
    font-size: 12px;
    color: #ff0000;
}

.error-title2
{
    font-size: 14px;
    color: #ff0000;
}

.error-title3
{
    font-size: 18px;
    font-weight:bold;
    color: #ff0000;
}

.error-title4
{
    font-size: 18px;
    font-weight:bold;
    color: #62cc38;
}

.page-title
{
   padding: 5px 0px 8px 0px;
   color: #000000;
   font-size: 25px;
   font-weight: bold; 
   font-style:italic;
   font-family: Times New Roman, Arial, Verdana;
}

.invitation-title
{
    background-color: #000000;    
    color: #ffffff;
    padding-left: 5px;
    font-size: 12px;
    font-weight: bold;  
}

.invitation-message
{
    color: #ff0000;
    font-size: 12px;
}

/* Table Style Here*/

.table-style-1
{
    
   background-color: #f6fbff;
   border: dashed 1px #0b4ca3;
   margin: 15px;
   padding: 10px;
    
}

.table-style-2
{
    
   background-color: #fcfdee;
   border: solid 1px #333a99;
   border: dashed 1px #0b4ca3;
   margin: 15px;
   padding: 10px;
    
}

.table-style-3
{
    
   background-color: #fdeeee;
   border: solid 1px #333a99;
   border: dashed 1px #0b4ca3;
   margin: 15px;
    
}

.table-style-4
{
    
   background-color: #fdfcee;
   border: solid 1px #0b4ca3;
    
}

.table-style-5
{
    
   background-color: #bcd7ec;
   border-left: solid 1px #333a99;
   border-right: solid 1px #333a99;
   border-bottom: solid 1px #333a99;
    
}

.table-style-6
{   
   background-color: #0d4b93;
   border: solid 1px #0b4ca3;
    
}

.table-style-7
{
    
   background-color: #e5f2fe;
   border: solid 1px #333a99;
   height: 400px;   
    
}

.table-style-8
{
    
   background-color: #000000;
    
}

.table-friend
{
   background-color: #d7ebfc;
   border: solid 1px #5989c0;
}

.table-error-message
{
   background-color: #e5f2fe;
   border: solid 1px #ff0000;
}

.table-error-message td
{
   line-height: 25px;
   padding: 3px;
}

.homepage-tables
{
   background-color: #d7ebfc;
   border-left: solid 1px #5989c0;
   border-right: solid 1px #5989c0;
   border-bottom: solid 1px #5989c0;
}

.homepage-table-right
{
   background-image: url('images/home-page-right-side.jpg'); 
   background-color: #d7ebfc;
   border-left: solid 1px #5989c0;
   border-right: solid 1px #5989c0;
   border-bottom: solid 1px #5989c0;
}

.table-original-pics
{    
   padding: 7px;    
}


.main-menu
{
       border: solid 1px #f3f4f4;
}

.invitation-table
{
   background-color: #e5f2fe;
   border: solid 1px #333a99;
   height: 50px;   
}

.content-menu-bar
{
    padding-bottom:3px;
    padding-left:8px;
    font-size:12px;
    color: #f3ec2a;
}

.event-menu-bar
{
    padding-top:0px;
    padding-left:8px;
    font-size:12px;
    color: #000000;
    height: 20px;
}

.document-edit-delete
{
    background-color: #cfe9fe;
    padding: 0 4px 0 4px;
    font-size:12px;
    color: #000000;
    height: 20px;
    border: 1px #000000 solid;
}

.document-pic-edit-delete
{
}

.faqs-popup
{
    padding: 5px;
    width: 680px;
    margin: 5px 0;
    border: 1px dashed #729bc7;
    background: #d7ebfc; 
    font-size: 80%;
}

a.faqs-links
{ 
    font-size: 13px; 
    font-family: Arial, verdana, sans-serif; 
    color: #0d4b93; 
    text-decoration: none; 
}

a.faqs-links:hover
{ 
    font-size: 13px; 
    font-family: Arial, verdana, sans-serif; 
    color: #ff0000; 
    text-decoration: none; 
}

.search-display-item-1
{
    padding: 2px 1px 2px 6px;
    font-size: 12px;    
    background-color: #ffffff;
}

.search-display-item-2
{
    padding: 1px 1px 1px 1px;    
    font-size: 12px;    
    background-color: #ffffff;
}

.search-display-title-1
{
    padding: 2px 1px 2px 6px;
    background-color: #ffffff;
    font-size: 12px;
    font-weight:bold;
}
    
.search-section-1
{
    padding:0px; 
    background-color:#c3e0f9; 
}

.search-picture
{
    width: 150px;
    background-color:#c3e0f9; 
}