/* CSS Document */

Body, html {padding: 10px; font-family: Lucida Sans Unicode, Arial, Helvetica; cursor: default; color: #666666; font-size: 12px; vertical-align: top;}

a:link {color: #333399; font-weight: bold;}
a:active {color: #333399; font-weight: bold;}
a:visited {color: #333399; font-weight: bold;}
a:hover {color: #99cc00; font-weight: bold;}

H1 {color: #99cc00; font-size: 14px;}
H2 {color: #333399; font-size: 14px;}
H3 {color: #999999; font-size: 14px;}
H4 {color: #c8da4c; font-size:14px;}
H6 {color: #ffffff; font-size:14px; }

.white {color: #FFFFFF;}
.white a:link {color: #FFFFFF; font-weight: bold; text-decoration: none;}
.white a:active {color: #FFFFFF; font-weight: bold; text-decoration: none;}
.white a:visited {color: #FFFFFF; font-weight: bold; text-decoration: none;}
.white a:hover {color: #FFFFFF; font-weight: bold;}

#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 11px Arial, sans-serif;
margin-bottom: 0px;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #f9f9f9;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #FFFFFF;
background: #2d6483;
border-color: #227;
}

#navlist li a#current
{
background: #fff7d5;
border-bottom: 1px solid #fff7d5;
}

.ImgRight {float: right; padding-left: 5px; padding-bottom: 5px;}
.ImgLeft {float: left; padding-right: 5px; padding-bottom: 5px;}

#HoldDiv {width: 800px; vertical-align: top; margin-left:auto; margin-right:auto}
#TopDiv {width: 800px; vertical-align: top; text-align: left;}
#HoldContentdiv {width: 800px; vertical-align: top; text-align: left;}
#Footerdiv {width: 800px; vertical-align: top; text-align: left; float: left;}

#Nav {width: 150px; padding-right: 5px; padding-top: 5px; float: left;}
#Content {padding: 5px; width: 625px; float: right;}
#Footer {font-size: 10px;}

.homebluebg 
{ 
    background-image: url(../_images/new_look/login.gif); 
    background-repeat: no-repeat;
    font-weight: bold;    
}


#fader, #headerimg{
     position:absolute;
     z-index:1;
     width: 375px;
}

td {vertical-align: top;}

.Navigation {font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size: 10px; color: #2d6483; text-decoration: none; font-weight: bold; background-color: #6ab4c9; border: 2px solid #2d6483;}
.Navigation a:link{font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size: 10px; color: #2d6483; text-decoration: none;font-weight: bold; background-color: #6ab4c9;}
.Navigation a:active {font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size: 10px; color: #2d6483; text-decoration: none;font-weight: bold; background-color: #6ab4c9;}
.Navigation a:visited {font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size: 10px; color: #2d6483; text-decoration: none;font-weight: bold; background-color: #6ab4c9;}
.Navigation a:hover {font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;font-weight: bold;}

.Navgrey {background-image: url(../_images/nav_grey.gif); height: 23px; width: 130px; color: #000000; background-repeat: no-repeat; text-align: center; border-bottom: 1px solid #CCCCCC; vertical-align: middle;}
.Navyellow {background-image: url(../_images/nav_wellow.gif); height: 25px; width: 130px; color: #000000; background-repeat: no-repeat; text-align: center; font-weight: bold; vertical-align: middle;}




/* LEFT BLOCK AND RIGHT BLOCK ON THE ../logged_in/recipient_select.php page */
#left_block {width: 300px;float:left;border: 1px solid black;background-color: #2d6483; color:white;font-weight: bold; margin: 5px;}
#right_block {width: 300px;float:right;border: 1px solid black; background-color: #2c87a4; color:white; font-weight: bold; margin: 5px;}
.GroupToggler {}


.NavMain {font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.NavMain a:link{font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none;font-weight: bold;}
.NavMain a:active {font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none;font-weight: bold;}
.NavMain a:visited {font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none;font-weight: bold;}
.NavMain a:hover {font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size: 12px; color: #99cc00; text-decoration: none;font-weight: bold;}

.frmbox {font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; border: 1px solid #666666;}
.frmbutton {font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;border: 3px solid #98cc02;}

.tableline {border: 1px solid #CCCCCC; vertical-align: top;}
td {vertical-align: top;}

.errmsg {font-weight: bold; color: red}
.infomsg {font-weight: bold; color: #FF9900}
.user_created {font-weight: bold; color:#FF9900}


.hidden_list {display:none} 


.ButtonList{
  display: inline;
  padding:0px;
  margin:0px;
  width:200px;
  background-color: white;
}

.ButtonList li{
    display: inline;
    list-style-type: none;
    width: 150px;
    padding:0px;
}

.MessageNav {
 margin-left:0px;  
 margin-top:10px;
 margin-bottom: 10px;
    
}
.MessageNav li {
   padding: 5px;
   border: 1px solid green;  
   display: inline;
   list-style-type: none;
   height: 35px;
}
#accordionHome
{
    width:300px;
    padding:0px;
    margin:0px;
}

#accordionSelectRecipient
{
    
    padding:0px;
    margin:0px;
}

.contact_details td
    {
    border:1px solid black;
    
    }
#login_div    
{
 padding-left:20px;
 color: #FFFFFF;
}

#register_div
{
 padding-left:10px;
 color: #FFFFFF;

}
#ContactUs_div
{
 padding-left:10px;
  color: #FFFFFF;
}

#holding_block_right
{
 width:300px;
 padding:0px;
 margin:0px;
}

.frmHomeButton
{
 background-color: white;
 font-size: 11px; 
 border: 3px solid #98cc02;
 font-weight: bold;
}

.frmHomeNavRight td
    {
     width:150px;
     text-align:center;
    }

.hiddenclass
{
    display:none;
}
.center_text
{
 text-align:center;
 nowrap:nowrap;
}

#CriteriaDates 
{
    list-style-type: none;
}

#CriteriaDates li
{
 display:inline;
}
.border_span
    {
     border: 1px black solid;
    }
.grey_border
    {
     border:1px solid #C6C3C6;
    }
.white_text
    {
     font-weight: bold;
     color: #FFF;
    }
	
	.white_text_home
    {
     font-weight: bold;
     color: #FFF;
	 font-size: 15px;
    }
.alternating_row
{
 background-color: #94BACE;
}
.MessageNavBlocks
{
 border:1px solid green;
 height:35px;
 text-align: center;
 vertical-align: middle;
 cursor:pointer;

}

/* mootools docs tool tip info */


.tool-tip {
    color: #fff;
    width: 139px;
    z-index: 13000;
}
 
.tool-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #9FD4FF;
    padding: 8px 8px 4px;
    /*background: url(bubble.png) top left;
    */
    background-color: #000000;
}
 
.tool-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    /*
    background: url(bubble.png) bottom right;
    */
    background-color: #000000;
}
 
.custom-tip {
    color: #000;
    width: 130px;
    z-index: 13000;
}
 
.custom-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #3E4F14;
    padding: 8px 8px 4px;
    background: #C3DF7D;
    border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    background: #CFDFA7;
}

/* mootools tool dip down */

.ContactSurnameList 
{
 list-style-type: none;
 margin-left:10px;
 text-align: left;
}

.ContactSurnameList li 
{
    display: inline;
    cursor:pointer;
    border: 1px solid #CCCCCC;
    padding:2px;
    margin:2px;
    text-align: center;
    
}

#ContactsToLink{
    
    padding:10px;

}



#ContactsToLink div
{
 display:inline;
 padding: 5px;
 
 border:1px solid #000080; 
 background-color: #296584 ;
 color: white;
 font-weight: bold;
 margin-left: 2px;
 height:20px;
 vertical-align: middle;
 text-align: center;
}

.contact_surname_div
{
   border-bottom: 1px dashed #CCCCCC;
   margin: 2px;
}

#GroupListDiv 
{
 
}

.grouptoggler
{
    margin:10px;
    padding: 5px;
    border:1px solid #296584;
    cursor:pointer;
}

.system_group 
{
 list-style-type: none;
}