/* CSS Document */
.appBtn {
    background: url("../img/yellow_btn.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 29px;
    padding-bottom: 5px;
    padding-right: 20px;
    width: 148px;
}


.appBtn:hover{
    background: url("../img/yellow_btn.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 29px;
    padding-bottom: 5px;
    padding-right: 20px;
    width: 148px;
    color: green;
    cursor: pointer;
}


.paginatorText{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    color: #000000;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}


/*
 * Dashboard
 */
.dashboardTbl{
    box-shadow: 0 0 10px #CCCCCC;
    moz-box_shadow: 0 0 10px #CCCCCC;
    ms-box_shadow: 0 0 10px #CCCCCC;
    webkit-box_shadow: 0 0 10px #CCCCCC;
    o-box_shadow: 0 0 10px #CCCCCC; 
}

.dashboardDistFieldSet{
    /*
    box-shadow: 0 0 10px #CCCCCC;
    moz-box_shadow: 0 0 10px #CCCCCC;
    ms-box_shadow: 0 0 10px #CCCCCC;
    webkit-box_shadow: 0 0 10px #CCCCCC;
    o-box_shadow: 0 0 10px #CCCCCC;*/
    
    
}

.dashboardDistFieldSet:hover{
    outline:none;
    border-color:#fed14f;
    cursor: pointer;
    animation:animationEff 1s;
    -webkit-animation:animationEff 1s; /* Safari and Chrome */
    
    
    box-shadow:10px 10px 50px 40px #fed14f inset;
    moz-box_shadow: 10px 10px 50px 40px #fed14f inset;
    ms-box_shadow: 10px 10px 50px 40px #fed14f inset;
    webkit-box_shadow: 10px 10px 50px 40px #fed14f inset;
    o-box_shadow: 10px 10px 50px 40px #fed14f inset;     
}
@keyframes animationEff
{
from{
        box-shadow:10px 10px 50px 5px #fed14f inset;
	moz-box_shadow: 10px 10px 50px 5px #fed14f inset;
	ms-box_shadow: 10px 10px 50px 5px #fed14f inset;
	webkit-box_shadow: 10px 10px 50px 5px #fed14f inset;
	o-box_shadow: 10px 10px 50px 5px #fed14f inset;
}
to {
	box-shadow:10px 10px 50px 40px #fed14f inset;
	moz-box_shadow: 10px 10px 50px 40px #fed14f inset;
	ms-box_shadow: 10px 10px 50px 40px #fed14f inset;
	webkit-box_shadow: 10px 10px 50px 40px #fed14f inset;
	o-box_shadow: 10px 10px 50px 40px #fed14f inset; 
    }
}

@-webkit-keyframes animationEff /* Safari and Chrome */
{
from{
        box-shadow:10px 10px 50px 5px #fed14f inset;
	moz-box_shadow: 10px 10px 50px 5px #fed14f inset;
	ms-box_shadow: 10px 10px 50px 5px #fed14f inset;
	webkit-box_shadow: 10px 10px 50px 5px #fed14f inset;
	o-box_shadow: 10px 10px 50px 5px #fed14f inset;
}    
to {
	box-shadow:10px 10px 50px 40px #fed14f inset;
	moz-box_shadow: 10px 10px 50px 40px #fed14f inset;
	ms-box_shadow: 10px 10px 50px 40px #fed14f inset;
	webkit-box_shadow: 10px 10px 50px 40px #fed14f inset;
	o-box_shadow: 10px 10px 50px 40px #fed14f inset;    
    }
}



/*
 *Changing autocomplete width
 */
 form ul.holder{
	 width:400px !important;
    }
    .facebook-auto{
            width:400px !important;
    }
    .default{
        width:400px !important;
    }
    #beneficiary_details_feed{
        width:420px !important;
    }

/*
 * Filter Table design css
 */
.capsLock{
	text-transform:uppercase;
}
.filterTable{
    border: 1px solid #f6d200;
    box-shadow: 0 0 8px #CCCCCC;
    moz-box_shadow: 0 0 8px #CCCCCC;
    ms-box_shadow: 0 0 8px #CCCCCC;
    webkit-box_shadow: 0 0 8px #CCCCCC;
    o-box_shadow: 0 0 8px #CCCCCC;
    
    border-radius: 8px;
    moz-border-radius:8px;
    ms-border-radius:8px;
    webkit-border-radius:8px;
    o-border-radius:8px;
    
    background-color: #F2F2F2;
}

.textHyperlink:hover{
    color: red;
    cursor: pointer;
    font-weight: bold;
}

/*
 *Form Design goes here
 */
.entryForm{
    background-color: #f1ecd3;
}
.entryFormTr1{
    font-family : sans-serif;
    font-size: 13px;
    background-color: #fffcec;        
}

.entryFormTr2{
    font-family : sans-serif;
    font-size: 13px;
    background-color: #fefdf4;     
}



.listTable{
    background-color: #f1ecd3;
}
.listHeadTr{
    background-color: #f1ecd3;
    font-family : sans-serif;
    color: #000000;
    font-size: 13px;
}
.listHeadTr a{
    font-family : sans-serif;
    color: #000000;
    text-decoration: none;
    font-size: 13px;
    background-image:url(../img/sorting.png);
    background-repeat: no-repeat;
    padding-left: 16px;
}

.listHeadTr a:hover{
    font-family : sans-serif;
    color: #CCCCCC;
    text-decoration:underline;
    font-size: 13px;
}

.listTr1{
    background-color: #fffcec;
    font-family : sans-serif;
    font-size: 14px;
}

.listTr2{
    background-color: #fefdf4;
    font-family : sans-serif;
    font-size: 14px;
}


.log_bar{
background-position:right;
background-image:url(../img/log_left.png);
background-repeat:no-repeat;
height:23px;
}
.log_bar_bg{

background-image:url(../img/log_left_bg.png);
background-repeat:repeat-x;
height:23px;
}



/*
 * TextBox design
 */
input,textarea,select {
    border:1px solid #CCCCCC;
}

input:focus,textarea:focus,select:focus { 
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}

/*
 * Error Settings
 */
.htmlEleErr{
    outline:none;
    border-color:#DF0101;
    box-shadow:0 0 10px #DF0101;    
}

body{
margin:0;
background-color:#FFFFFF;
}
.header{background-image:url(../img/header_bg.png);
background-repeat:repeat-x;
height:104px;
}
.header-left{background-image:url(../img/header_left.png);
background-repeat:no-repeat;
height:104px;
background-position:left top;
}
.header-right{background-image:url(../img/header_right.png);
background-repeat:no-repeat;
height:104px;
background-position:right;
}
.shadow{
background-image:url(../img/shadow.png);
background-repeat:repeat-x;
height:12px;
}
.menu-bg{
background-image:url(../img/menu_bg.png);
background-repeat:repeat-x;
height:35px;
background-position:center;
border-top:#CAAC00 solid 2px;
}
.body-bg-left{
background-image:url(../img/body_bg_left.png);
background-repeat:no-repeat;
background-position:left bottom;
height:470px;
}
.login-bg{
background-image:url(../img/login_bg.png);
background-repeat:no-repeat;
background-position:center;
width:534px;
}
.log_txtfield{
/*    
width:200px;
height:25px;
padding-left:5px;
color:#8a8a8a;
background-position:top;
margin-left:5px;
background:none;
border:none;
*/ 
}
.user-cont{
font-family:Arial;
font-size:12px;
color:#424242;
font-weight:bold;
letter-spacing:1px;
}
.mattar{
font-family:Arial;
font-size:12px;
color:#424242;
}
.body-bg-right{
background-image:url(../img/body_bg_right.png);
background-repeat:no-repeat;
background-position:right bottom;
height:470px;
}
.footer{
/*background-image:url(../img/footer_bg.png);*/
background-repeat:repeat-x;
/*height:96px;*/
background-position:left;
}
.u-logo{
background-image:url(../img/unicef_logo.png);
background-repeat:no-repeat;
background-position:right top;
height:96px;
}
.footer-cont{
font-family:Arial;
font-size:12px;
color:#FFFFFF;
line-height:25px;
padding-left:35px;
}
.Luminous{
font-family:Arial;
font-size:12px;
color:#FFFFFF;
line-height:25px;
text-decoration:none;
}
.Luminous:hover{
color:#999999;
}
.Submit{
background:none;
border:none;
height:25px;
width:80px;
font-family:Arial;
font-size:12px;
letter-spacing:1px;
color:#424242;
font-weight:bold;
text-decoration:none;
cursor:pointer;
}
.Submit:hover{
color:#000000;
}
#masterContentDiv {
    margin-left: 250px;
    margin-right: 200px;
}
#mainContentDiv {
    margin-left: 35px;
    margin-right: 35px;
}
.main_wrapper{
    min-height: 370px;
}
.message{
    font-size: 14px !important;
}
/*
 *  Css Button
 */
.redbtn {
   border-top: 1px solid #96d1f8;
   background: #C66059;
   padding: 2px 20px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
} 
   
.redbtn:hover {
   border-top-color: #AA3B40;
   background: #AA3B40;
   color: #FFF;
}  
   
   
/*
  * Highlight Text
*/ 
   
 .highlight {
    background-color: #fff34d;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}

.highlight {
    padding:1px 4px;
    margin:0 -4px;
} 




/*
 * End of button
 */