/*
 * Facebook Style Add Friends Script
 * http://www.scriptandcodes.wordpress.com/
 *
 * @version
 * 1.0 (May 20 2010)
 * 
 * @copyright
 * Copyright (C) 2010-2011 
 *
 * @Auther
 * Amit Patil (amitpatil321@gmail.com)
 * Maharashtra (India) 
 *
 * @license
 * This file is part of Facebook Style Add Friends.
 * 
 * Facebook Style Add Friends Script is freeware script. you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * Facebook Style Add Friends Script is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this script.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
 */
    body, ul, li {  
        font-size:12px;  
        font-family:Arial, Helvetica, sans-serif;  
        line-height:16px;  
        text-align:left;  
    }  
      
    /* Navigation Bar */  
      
    #menu {  
        list-style:none;  
        width:940px;  
        margin:30px auto 0px auto;  
        height:43px;  
        padding:0px 20px 0px 20px;  
      
        /* Rounded Corners */  
      
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;  
        border-radius: 10px;  
      
        /* Background color and gradients */  
      
        background: #014464;  
        background: -moz-linear-gradient(top, #0272a7, #013953);  
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));  
      
        /* Borders */  
      
        border: 1px solid #002232;  
      
        -moz-box-shadow:inset 0px 0px 1px #edf9ff;  
        -webkit-box-shadow:inset 0px 0px 1px #edf9ff;  
        box-shadow:inset 0px 0px 1px #edf9ff;  
    }  
      
    #menu li {  
        float:left;  
        text-align:center;  
        position:relative;  
        padding: 4px 10px 4px 10px;  
        margin-right:30px;  
        margin-top:7px;  
        border:none;  
    }  
      
    #menu li:hover {  
        border: 1px solid #777777;  
        padding: 4px 9px 4px 9px;  
      
        /* Background color and gradients */  
      
        background: #F4F4F4;  
        background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);  
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));  
      
        /* Rounded corners */  
      
        -moz-border-radius: 5px 5px 0px 0px;  
        -webkit-border-radius: 5px 5px 0px 0px;  
        border-radius: 5px 5px 0px 0px;  
    }  
      
    #menu li a {  
        font-family:Arial, Helvetica, sans-serif;  
        font-size:14px;  
        color: #EEEEEE;  
        display:block;  
        outline:0;  
        text-decoration:none;  
        text-shadow: 1px 1px 1px #000;  
    }  
      
    #menu li:hover a {  
        color:#161616;  
        text-shadow: 1px 1px 1px #FFFFFF;  
    }  
    #menu li .drop {  
        padding-right:21px;  
        background:url("img/drop.png") no-repeat rightright 8px;  
    }  
    #menu li:hover .drop {  
        background:url("img/drop.png") no-repeat rightright 7px;  
    }  
      
    /* Drop Down */  
      
    .dropdown_1column,  
    .dropdown_2columns,  
    .dropdown_3columns,  
    .dropdown_4columns,  
    .dropdown_5columns {  
        margin:4px auto;  
        float:left;  
        position:absolute;  
        left:-999em; /* Hides the drop down */  
        text-align:left;  
        padding:10px 5px 10px 5px;  
        border:1px solid #777777;  
        border-top:none;  
      
        /* Gradient background */  
        background:#F4F4F4;  
        background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);  
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));  
      
        /* Rounded Corners */  
        -moz-border-radius: 0px 5px 5px 5px;  
        -webkit-border-radius: 0px 5px 5px 5px;  
        border-radius: 0px 5px 5px 5px;  
    }  
      
    .dropdown_1column {width:940px;}  
    .dropdown_2columns {width:940px;}  
    .dropdown_3columns {width:940px;}  
    .dropdown_4columns {width:940px;}  
    .dropdown_5columns {width:940px;}  
      
    #menu li:hover .dropdown_1column  
    {  
        left:-1px;  
        top:auto;  
	}  
    #menu li:hover .dropdown_2columns  
    {  
        left:-1px;  
        top:auto;  
	}  
    #menu li:hover .dropdown_3columns  
    {  
        left:-1px;  
        top:auto;  
	}  
    #menu li:hover .dropdown_4columns  
    {  
        left:-1px;  
        top:auto;  
	}  
    #menu li:hover .dropdown_5columns {  
        left:-400px;  
        top:auto;  
		
    }  
     
	  
    /* Columns */  
      
    .col_1,  
    .col_2,  
    .col_3,  
    .col_4,  
    .col_5 {  
        display:inline;  
        float: left;  
        position: relative;  
        margin-left: 5px;  
        margin-right: 5px;  
    }  
    .col_1 {width:130px;}  
    .col_2 {width:270px;}  
    .col_3 {width:410px;}  
    .col_4 {width:550px;}  
    .col_5 {width:690px;}  
      
    /* Right alignment */  
      
    #menu .menu_right {  
        float:rightright;  
        margin-right:0px;  
    }  
    #menu li .align_right {  
        /* Rounded Corners */  
        -moz-border-radius: 5px 0px 5px 5px;  
        -webkit-border-radius: 5px 0px 5px 5px;  
        border-radius: 5px 0px 5px 5px;  
    }  
    #menu li:hover .align_right {  
        left:auto;  
        rightright:-1px;  
        top:auto;  
    }  
      
    /* Drop Down Content Stylings */  
      
    #menu p, #menu h2, #menu h3, #menu ul li {  
        font-family:Arial, Helvetica, sans-serif;  
        line-height:21px;  
        font-size:12px;  
        text-align:left;  
        text-shadow: 1px 1px 1px #FFFFFF;  
    }  
    #menu h2 {  
        font-size:21px;  
        font-weight:400;  
        letter-spacing:-1px;  
        margin:7px 0 14px 0;  
        padding-bottom:14px;  
        border-bottom:1px solid #666666;  
    }  
    #menu h3 {  
        font-size:14px;  
        margin:7px 0 14px 0;  
        padding-bottom:7px;  
        border-bottom:1px solid #888888;  
    }  
    #menu p {  
        line-height:18px;  
        margin:0 0 10px 0;  
    }  
      
    #menu li:hover div a {  
        font-size:15px;  
        color:#015b86;  
    }  
    #menu li:hover div a:hover {  
        color:#029feb;  
    }  
    .strong {  
        font-weight:bold;  
    }  
    .italic {  
        font-style:italic;  
    }  
    .imgshadow {  
        background:#FFFFFF;  
        padding:4px;  
        border:1px solid #777777;  
        margin-top:5px;  
        -moz-box-shadow:0px 0px 5px #666666;  
        -webkit-box-shadow:0px 0px 5px #666666;  
        box-shadow:0px 0px 5px #666666;  
    }  
    .img_left { /* Image sticks to the left */  
        width:auto;  
        float:left;  
        margin:5px 15px 5px 5px;  
    }  
    #menu li .black_box {  
        background-color:#333333;  
        color: #eeeeee;  
        text-shadow: 1px 1px 1px #000;  
        padding:4px 6px 4px 6px;  
      
        /* Rounded Corners */  
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        border-radius: 5px;  
      
        /* Shadow */  
        -webkit-box-shadow:inset 0 0 3px #000000;  
        -moz-box-shadow:inset 0 0 3px #000000;  
        box-shadow:inset 0 0 3px #000000;  
    }  
    #menu li ul {  
        list-style:none;  
        padding:0;  
        margin:0 0 15px 0;  
    }  
    #menu li ul li {  
        font-size:15px;  
        line-height:24px;  
        position:relative;  
        text-shadow: 1px 1px 1px #ffffff;  
        padding:0;  
        margin:0;  
        float:none;  
        text-align:left;  
        width:130px;  
    }  
    #menu li ul li:hover {  
        background:none;  
        border:none;  
        padding:0;  
        margin:0;  
    }  
    #menu li .greybox li {  
        background:#F4F4F4;  
        border:1px solid #bbbbbb;  
        margin:0px 0px 4px 0px;  
        padding:4px 6px 4px 6px;  
        width:116px;  
      
        /* Rounded Corners */  
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        border-radius: 5px;  
    }  
    #menu li .greybox li:hover {  
        background:#ffffff;  
        border:1px solid #aaaaaa;  
        padding:4px 6px 4px 6px;  
        margin:0px 0px 4px 0px;  
    }  




.list{
	margin:0px;
	padding:0px;
	width : 100%;
	list-style-type: none; 
	padding: 0;
	background : #f9fdff;
}
.list li{
	list-style : none;
	width : 100%;
	border-color:#d7efff;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
}
.list a{
	display : block;
	color:#003355;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 2px;
}
.selected{
	background : #0066aa;
	border : 1px solid #0099ff;
	color: white;
}
.selected a{
	color : white;
}
.selected span{
	background : #0066aa;
	color: white;
}
#loading{
	visibility:hidden;
	padding-left:5px;
}
.ajax_response{
	position:absolute;
	top:auto;
}
.matched{
	/*font-weight:bold;*/
	color: #003355;
	background : #f0f9ff;
}
.ajax_response{
	border-color : #0099ff;
	border-style:solid;
	border-width : 0px 2px 2px 2px;
	background : #ddf1ff;
	display:none;
	/*padding:2px 2px;*/
	position : absolute;
	overflow: hidden;
	z-index:9999;
        /* Rounded Corners */  
      
border-bottom-left-radius:7px;
-moz-border-radius-bottomleft:7pk;
-webkit-border-bottom-left-radius:7px;

border-bottom-right-radius:7px;
-moz-border-radius-bottomright:7pk;
-webkit-border-bottom-right-radius:7px;

/* border-top-right-radius:15px; */ 
/* -moz-border-radius-topright:15pk; */ 
/* -webkit-border-top-right-radius:15px; */ 

/*       -moz-box-shadow:0px 0px 2px #666666;  */
/*        -webkit-box-shadow:0px 0px 2px #666666;  */
/*        box-shadow:0px 0px 2px #666666;  */


}
.highlighted{
    background : #f0f9ff;
	font-weight : bold;
}