/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 11, 2015, 8:51:52 PM
    Author     : jeevetha
*/
body{
    background:#3a5795;
   // background-image: url("7AF2Qzt.png");
    //background-repeat: repeat;
    font-family: 'Lato',sans-serif;
    color: #ffffff;
    text-align: center;
    height: 100px;
    background: linear-gradient(left,rgba(255,0,0,0),rgba(255,0,0,1));
}
form{
    width:450px;
    margin:15% auto;
}

.header{
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.description{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.3em;
    margin: -2px 0 45px;
}
.input{
    display:flex;
    align-items:center;
}
.button{
    height: 44px;
    border: none;
}
#subject{
    width: 75%;
    height: 44px;
    background: #FDFCFB;
    font-family: inherit;
    color:#737373;
    letter-spacing: 1px;
    text-indent: 5%;
    border-radius: 5px 0 0 5px;
}
#cid,
#sub,
#indexNo,
#addInfo{
    width: 100%;
    height: 44px;
    background: #FDFCFB;
    font-family: inherit;
    color:#737373;
    letter-spacing: 1px;
    text-indent: 5%;
    border-radius: 5px 5px 5px 5px;
    -webkit-transition: width 2s;
    transition: width 2s;
}
#cid1,
#sub1,
#indexNo1,
#addInfo1{
    width: 100%;
    height: 44px;
    background: #FDFCFB;
    font-family: inherit;
    color:#737373;
    letter-spacing: 1px;
    text-indent: 5%;
    border-radius: 5px 5px 5px 5px;
    -webkit-transition: width 2s;
    transition: width 2s;
}
#cid:hover,#sub:hover,#indexNo:hover,#addInfo:hover{
    width:300px
}
#list{
    width: 75%;
    height: 44px;
    background: #FDFCFB;
    font-family: inherit;
    color:#737373;
    letter-spacing: 1px;
    text-indent: 5%;
    border-radius: 5px 5px 5px 5px;
}
#submit{
    width: 25%;
    height: 48px;
    background: #5d964a;
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    letter-spacing: 1px;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    transition: background .3s ease-in-out;
}
#submit:hover{
    background: #d45d7d;
}
#submission{
    width: 35%;
    height: 48px;
    background: #5d964a;
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    letter-spacing: 1px;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    transition: background .3s ease-in-out;
}
#submission:hover{
    background: #d45d7d;
}
input:focus{
    outline: none;
    outline: 2px solid #0033cc;
    box-shadow: 0 0 2px #0033cc;
}
ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    
}
li{
   // float: left;
   display: inline;
}
a{
    //alignment-adjust: auto;
    //display: inline;
    //width: 60px;
    color: #ffffff;
    font:'Lato',sans-serif;
    font-weight: bold;
    
}
a.ex1:hover,a.ex1:active{color:#5d964a;font-size:100%; }