/* 
    Document   : home
    Created on : 17 Aug, 2012, 12:27:01 PM
    Author     : develop2
    Description:
        Purpose of the stylesheet follows.
*/

body{
    margin: 0;
    background: #e4f2f5;
    font-family: sans-serif;
    margin-top:2px;    
}
.logo
{
    background:url(../images/fisatlogo1.png) center no-repeat; 
    float: left;
    width: 64px;
    height: 64px;
}
.fisat_img
{
	float:right;
	background:url(../images/DSC06270%20copy.png) no-repeat center;
	width:292px;
	height:105px;
}
.clr
{
    clear: both;
    font-size: 0;
    padding: 0;
    margin: 0;
}
#head_panel
{
    margin:0;
    padding:0;
}
.head_center{
    width: 1010px;
    height:auto;
    border-bottom: 1px solid #d5d5d5;
    margin: auto;
   background:#FFF url(../images/ssc-header1.jpg)  right no-repeat; 
   box-shadow: 0px 0px 1px #cbcbcb;
   
     border:1px solid #cbcbcb;

}
#main_panel{
    margin:0;
    padding:0;
}
.main_center{
	width: 1010px;
	height:auto;
	margin: auto;
   box-shadow: 0px 0px 1px #cbcbcb;
   border:1px solid #cbcbcb;
   border-top:none;
   border-bottom:none;
   font-size: 13px;
   background: #FFF;
   
   
}
#bottom_panel{
    margin:0;
    padding:0;
}
.bottom_center{
    width: 990px;
    margin: auto;
    height: auto;
    padding: 10px;
    border-top: 2px solid #f4f0f0;
    background: #f4f4f4;
    box-shadow: 0px 0px 1px #cbcbcb;
    border:1px solid #cbcbcb;

}

/*
OLD 
#site_name
{
	padding:0 0 0 10px;
	float: left;
	margin-top:20px;
         width:550px;
}*/
#site_name
{/*updated on 14/09/22*/
	padding:0 0 0 50px;
	float: left;
	margin-top:20px;
        width:550px;
        background: url(./../images/iconset/fisathome.png) left top no-repeat;
}
.main_name{
    color: #8e7171;
    font-size: 40px;
	height:50px;
    text-shadow: 1px 1px 3px #cacbcb;
	background:url(../images/edusmartg.png) left no-repeat;
/*        margin-left: 65px;*/
}
.main_name span{
    color: #09F;
    font-size: 65px;
    text-shadow: 1px 1px 3px #c95f5f;
    
}
/*.sub_name{
    font-size: 18px;
    text-transform: capitalize;
    text-shadow: 1px 1px 3px #EEE;
	color:#7e8296;
   
}OLD*/
.sub_name{
    font-size: 15px;
    text-transform: capitalize;
    text-shadow: 1px 1px 3px #EEE;
    color:#7e8296;
    padding-top:5px;
}

.login_box
{
	padding: 10px;
        border: 1px solid #d2d2d2;
	top: 40%;
	width: 290px;
	margin:auto;
	left:40%;
	margin-top: 10px;
	border-radius:5px;
	text-align:center;
        font-size: 14px;
        color: #616161;


}
.left_col
{
    float: left;
    width: 650px;
    height: 400px;
    padding:5px;
    background:#FFF url(../images/slide3.jpg) center no-repeat; 
}
.vertical_bar
{
    float: left;
    width: 3px;
    height: 250px;
    margin-top: 80px;
    border-right:1px solid #dedede; 
}
.right_col
{
    float: left;
    width: 330px;
    height: 410px;
    background: #FFF;

}

.login_box table
{
    border-collapse: collapse;
    width: 100%;
    
}
input[type=text],input[type=password]
{
    border: 1px solid #d0d0d0;
    padding: 5px;
    border-radius:3px;
    margin-bottom: 5px;
    color: #7f7f7f;
    outline: none;
    width: 200px;

}
input[type=text]:focus, input[type=password]:focus
{
    box-shadow: 0px 1px 3px #08c0f0;
    border:1px solid #08c0f0;
}
.spcl_btn
{
/*   border: 1px solid #27bce7;
    border-radius: 3px;*/
    padding: 1px;
    width: 80px;
    text-align: center;
}
input[type=submit]
{
/*   ; -moz-linear-gradient(center top , #58c9ea 20%, #24b1da 100%) repeat scroll 0 0 transparent;*/
    background:#58c9ea ;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 #58c9ea inset, 1px 0 0 #24b1da inset, -1px 0 0 #24b1da inset, 0 -1px 0 #24b1da inset, 0 2px 0 rgba(255, 255, 255, 0.3) inset, 0 0 4px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    font-family: tahoma,helvetica,Verdana,Geneva,Sans-Serif;
    font-size: 14px;
    text-shadow: 1px 1px 3px #666666;
    padding: 5px;
    width:80px;
    


}
input[type=submit]:hover
{
      background:#24b1da ;
/*          -moz-linear-gradient(center top ,  #24b1da 20%, #58c9ea 100%) repeat scroll 0 0 transparent;*/
    
}
input[type=submit]:active
{
    
      background:#a8d1dc;
/*          -moz-linear-gradient(center top , #a8d1dc 20%, #8ac0d0 100%) repeat scroll 0 0 transparent;*/
    
}
.logfail{
    
     padding: 5px;
     border: 1px solid #e3abab;
     top: 20%;
     width: 290px;
     margin:auto;
	left:40%;
	margin-top: 10px;
	border-radius:5px;
	text-align:center;
        text-shadow: 1px 1px 5px #FFF;
        background: #fee2e2 url(../images/error.png);
        display: none;
    font-size: 13px;
    color:#FFF;
}
.site_name{
   
    float: left;
    padding-left: 20px;
    background: url(../images/home_grey.png) left no-repeat;
}
.site_name a
{
     color: #6b6b6b;
     font-size: 12px;
     text-decoration: none;
     text-shadow: 1px 1px 3px #dadada;
}
.site_feature ul{
    list-style: none;
    color: #7f7f7f;
    font-size: 11px;
    float: right;
    margin: 0;
}
.site_feature ul li{
    list-style: none;
    float: left;
    padding: 5px;
    padding-left: 20px;
    margin-left:3px;
    background:url(../images/dot.png) left no-repeat;
}
/*.fo{
                
                color:#002166;
                font-size:43px;
                text-shadow: 1px 1px 5px #d1d1d1;
                
                
            }
            .fo span
            {
                color:#02a73a;
                text-shadow: -4px 1px 3px #d1d1d1;
                font-size: 38px;            
             }*/
            .fo{
                
                color:#002166;
                /*font-size:43px;OLD*/
                font-size:25px;
                text-shadow: 1px 1px 5px #d1d1d1;
                
                
            }
            .fo span
            {
                color:#02a73a;
                text-shadow: -4px 1px 3px #d1d1d1;
               /* font-size: 38px;  */
                font-size:25px;
            }
            #log_infotxt{
                padding: 10px;
        border: 1px solid #d2d2d2;
	
	width: 290px;
	margin:auto;
	left:40%;
	margin-top: 110px;
	border-radius:5px;
	text-align:center;
        font-size: 14px;
        color: #02a73a;
        text-decoration: blink;
       
                
            }
             #log_infotxt:hover
             {
                 text-decoration: none;
             }