@font-face {
    font-family: Caviar_Dreams_bold;
    src: url(caviar-dreams/CaviarDreams_Bold.ttf);
}
@font-face {
    font-family: Caviar_Dreams;
    src: url(caviar-dreams/CaviarDreams.ttf);
}
@font-face {
    font-family: Sunshine;
    src: url(sunshine-font/Sunshine.ttf);
}
@font-face {
    font-family: Pattaya_Regular;
    src: url(pataya/Pattaya-Regular.ttf);
}
*{
    font-family: Caviar_Dreams;
}
select, input[type='text'], input[type='password']{
    background: #FFF !important;
    color:#000 !important;
    font-weight: bolder;
}
h1, h2, h3, h4, h5, h6{ 
    font-family: Caviar_Dreams_bold;
}
.logintitle{
    color: #903387;
}
.loginarea{
    border: 1px solid #903387 !important;
}
.panel-default > .panel-heading { 
  color: #FFF !important; 
  font-weight: bolder;
  background-color: #88a511 !important; 
  opacity: 1;
 
} 
.btn-primary, input[type='submit']{
    background-color: #903387 !important;
    color:#FFF !important;
}
.form-signin > .form-control {
  width:100% !important;
  min-width: 100px;
  font-size: larger;
  height: 40px;
  border: 3px solid #88a511;
  background-color: #FFF !important; 
  
}

.pagestate{
	background:#000;
	height:25px;
	text-align:right;
	color:#FFF;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:5;
}
.logout{
	background:#000;
	color:#D22;
}
.header{
	background:#555; 
	background-image:url("../images/bg.png");
	background-repeat:repeat;
	width:20%; 
	height:100%; 
	color:#733;
	margin-left:auto; 
	margin-right:auto;
	position:fixed;
	top:18px;
	padding-left:5px;
	left:0px;
	z-index:3;
}
.admin{
 width:20%;
 float:left;

}
#mainmenu{
 float:left;
 height:auto;
 width:95%;
}
#submenu{
	width:95%;
	height:auto;
	float:left;
}
#submenu2{
 width:320px;
float:right;

}
#menu2{
height:auto;
width:100%;
float:left;
}
#menu21{
height:auto;
width:100%;
float:left;
}
#menu22{
height:125px;
width:100%;
float:left;
}
#menu3{
height:125px;
width:160px;
float:left;

}
#menu4{
	width:160px;
	float:right;
	height:125px;

}
.workarea{
	height:auto;
	background-image:url("../images/aitback.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size:500px 450px;
	position:relative;
	z-index:1;
	left:0px;
	top:105px;
	width:80%;
	color:#000;
	float:right;
	
}
.label{
	text-align:left;
	font-family:Arial;
	font-size:15px;
}
.datain{
	text-align:left;
}
.inputarea .inputbox{
	width:200px;
	background:#FFC;
	border-radius:5px 5px 5px 5px;
	border:5px solid #444;
}
.inputbox{
	width:100px;
	background:#FFC;
	border-radius:5px 5px 5px 5px;
	border:2px solid #444;
}
.tbform{
	margin-left:auto;
	margin-right:auto;
	color:#000;
}
th, td{
	color:#000;
	
}
.heads{
	font-size:14px;
	background:#DDD;
}
.transcript{
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
}
.madmin{
	margin-left:auto;
	padding-left:2%;
	padding-top:3%;
}
.inputarea .inputbutton{
	width:150px;
	height:40px;
	background:#000;
	color:#FFF;
	font-size:20px;
	border-radius:5px 5px 5px 5px;
	border:5px solid #444;
}
.inputbutton{
	width:100px;
	background:#000;
	color:#FFF;
	font-size:14px;
	border-radius:5px 5px 5px 5px;
	border:2px solid #444;
}
.success{
	color:#005;
}
.error{
	color:#D22;
        font-size: 12px;
}
a{
    	color:#FFD;
	text-decoration:none;
	background:#558;	
}

a:active{
 color:#AB0;
}
a:hover{
 color:#003;
}

.reload{
width:100px;
	background:#000;
	color:#FFF;
	border:1px solid #000;
	top:0px;
	position:fixed;
	left:47px;
}
.mainpage{
width:100px;
	background:#000;
	color:#FFF;
	border:1px solid #000;
	top:0px;
	position:fixed;
	left:150px;
}
body{
	background:#FFF;
	color:#33A;
	height:auto;
	
}
th{
	background:#BBB;
        text-align: left;
        vertical-align: text-top;
        padding:2px;
}
table{
	padding:0;
}
.topspace{
	height:60px;
	z-index:2;
	background:#555; 
	background-image:url("../images/bg.png");
	background-repeat:repeat;
	width:100%;
	top:25px;
	left:0px;
	position:fixed;
	color:#228;
	text-align:center;
	padding-top:30px;
	font-weight:bold;
	font-size:20px;
}
/*.loginarea{
	background:#DDD; 
	float:clear;
	margin:10px auto; 
	width:700px; 
	height:400px; 
	margin-top:100px;
	border:5px solid #000;
	border-radius:10px 10px 10px 10px;
	color:#000;
}*/
.headerlogin{
	width:700px; 
	height:95px; 
	text-align:center;
	font-weight:bold;
	font-size:xx-large;
	background:#555;
	color:#FFF;
	
}
.userlabel{
	float:left;
	width:200px;
	height:100px; 
	padding-top:1px; 
	padding-bottom:60px; 
	padding-left:10px;
	text-align:right;
	font-size:20px;
        
}
.inputarea{
	background:inherit;
	background-image:url("");
	background-repeat:no-repeat;
	background-position:center;
	background-size:200px 200px;
	float:right;  
	width:195px; 
	height:80px; 
	padding-top:10px; 
	padding-right:200px; 
	padding-bottom:60px;
}
.acount{
	text-align:center;
	padding:100px 10px 10px 10px;
	height:250px;
	bottom:0px;
}
.acount a{
	text-align:center;
	padding:10px;
	height:250px;
	bottom:0px;
	background:inherit;
	color:#45A;
	line-height:30px;
}

.intro{
	
 	margin-top:100px;
	float:right;
	padding-right:0px;
	width:550px;
	font-size:14px;
}
.help{
	width:200px;
	background:#498;
	height:30px;
}
.developper{
	text-align:center;
	font-size:8px;
	color:#FFF;
}	
.sidelabel{
	background:#67A;
	color:#FFF;
}
.footer{
	background:#000;
	height:30px;
	color:#FFF;
	text-align:center;
	font-size:12px;
	font-family:Times New Roman;
	position:fixed;
	left:0px;
	padding-top:5px;
	bottom:0px;
	width:100%;
	z-index:3;
	
}
.menubutton{
	width:100px;
}	
.icon{
	background:#FFF; 
	height:20px;
	width:100%; 
	text-align:left; 
	color:#67D; 
	padding:0;
	border:1px solid #000;
	font-size:100%;
}
.icontitle{
	background:#000; 
	height:18px;
	width:100%; 
	text-align:center; 
	color:#FFF; 
	padding:0;
	border:1px solid #000;
	font-weight:bold;
}
.icon a{
	background:#FFF; 
	height:auto;
	width:100%; 
	text-align:left; 
	color:#277; 
	padding:0px;
	font-weight:bold;
	text-decoration:none;
	font-size:inherit;
}
.iconimage{
	width:18px;
	height:18px;
	float:left
}
.menulink{
	background:inherit;
}
.tbprofile{
	margin-left:auto;
	margin-right:auto;
}
.message{
	background:#FFF;
	width:auto;
	max-width:400px; 
	height:auto; 	
}
.welcome{
	width:75%;
	background:inherit;
	height:auto;
	color:#115;
	padding:5px;
}
.newspane{
	width:20%;
	height:450px; 
	position:fixed; 
	right:0; 
	background:#DDF; 
	overflow:auto;
	top:150px;
}
.forgot{
	width:500px;
	height:auto;
	padding-top:4px;
	padding-left:2px;
	padding-right:2px;
	margin:0 auto;
	background:#DDD;
	border-radius: 15px 15px 0 0;
}
#reportmenu{
    width:100%;
    /*min-width: 500px;*/
    height:30px;
    /*background: red;*/
    position:relative;
    right:0;
    /*opacity: 0.6;*/
    top:-13px;
    z-index:1;
}
.rmenu{
    width:500px;
    /*color:inherit;*/
    height:auto;
    position:relative;
    /*left:-10px;*/
}
#reportmenu .rmenu li{
   list-style: none;
   float:left;
   padding:2px;
    
}

#rmenu li{
  list-style:none;
    /*display:block;*/
    border-right:1px solid #FFF;
    background:#903387;
    width:160px;
    height:30px;
    text-align:left;
    padding: 5px;
    font-size: 13px;
/*    padding:0;
    padding:0px 10px 10px 10px; 
    margin-left: 0;*/
    color:#FFD;
    
}

#reportmenu .rmenu li a{
    color:#FFF;
    backface-visibility: visible;
    background: #000;
    display: block;
    padding: 10px 5px;
    text-transform: capitalize;
    font-size:14px;
    
    
}
/*#rmenu li a{
    color:#FFF;
    text-decoration:none;
    font-family:Arial;
    display:block;
    font-size:14px;
    padding:10px 0px;
    background: #090;
	
    
}*/
 #rmenu li a{
    color:#FFF;
    backface-visibility: visible;
    background: #000;
    width: 150px;
    display: block;
    padding: 10px 5px;
    text-transform: capitalize;
    font-size:14px;
    
    
}
 #rmenu li a:hover{
    color:#FFF;
   
    background:#444;
   
    
    
}
#reportmenu .rmenu li a:hover{
    color:#FF0;
    text-decoration:none;
    /*font-family:Arial;*/
    /*width:auto;*/
    background:#903387;
    /*font-size:14px;*/
    /*padding:10px 0px 10px 0px;*/  
	
    
}
/*level 2 */
#rmenu li ul{
    position:relative;
    width:150px;
    height:auto;
    z-index:3;
    left:170px;
    top:-37px;
    visibility:hidden;
}
#rmenu li ul li{
   position:relative;
    /*width:100px;*/
    /*height:30px;*/
    z-index:3;
/*    padding:2px;
    padding-top:5px;*/
    /*background:#444;*/
    /*border:0;*/
    border-right:1px solid #000;
    top:0px;
    /*margin-bottom:0px;*/
    /*text-align:left;*/
}
#rmenu li ul li a{
  /*position:relative;*/
   width:150px;
    height:30px;
    font-weight: bolder;
    font-size: 14px;
    text-decoration:none;
    background:#000;
    padding:10px 5px;
    color: #FFF;
    display:block
}
#rmenu li ul li a:hover{
 
  
    background:#444;
  
    color: #FF0;
   
}
/*level 3 */
#rmenu li ul li ul{
    position:relative;
    width:170px;
    height:auto;
    z-index:4;
    left:163px;
    top:-37px;
    visibility:hidden;
}
#rmenu li ul li ul li{
   position:relative;
  
    z-index:4;

/*    border-right:1px solid #000;
    top:0px;*/
   
}
#rmenu li ul li ul li a{
  /*position:relative;*/
    width:150px;
    height:30px;
    font-weight: bolder;
    font-size: 14px;
    text-decoration:none;
    background:#000;
    padding:10px 5px;
    color: #FFF;
    display:block;
}
#rmenu li ul li ul li a:hover{
   
    background:#444;
    
    color: #FF0;
}

/* level 4*/
#rmenu li ul li ul li ul{
    position:relative;
    width:200px;
    height:auto;
    z-index:5;
    left:170px;
    top:-37px;
    visibility:hidden;
}
#rmenu li ul li ul li ul li{
   position:relative;
    width:505px;
    z-index:5;
   
}
#rmenu li ul li ul li ul li a{
  /*position:relative;*/
    width:500px;
    height:30px;
    text-decoration:none;
    background:#000;
    padding:10px 5px;
    display:block;
    color:#FFF;
}
#rmenu li ul li ul li ul li a:hover{
 
    background:#444;
    color:#FF0;
}
#timescrol{
    width:400px; 
    border:0px solid #000; 
    visibility:hidden;
}
#timescrol2{
    width:400px; 
    border:0px solid #000; 
    visibility:hidden;
}
.time{
    width:100px;
    
}
#time2{
    background:url(../images/clock.png); 
    background-position:right; 
    background-repeat:no-repeat;
}
.title{
    background: #CCC;
    width:auto;
    min-width: 200px;
    border:1px solid #000;
    color:#4E799B;
    font-size: x-large;

}
.delete{
    background:#D00;
    color:#FFF;
    font-weight: bold;
}
.edit{
    background: #090;
    color:#FFF;
    font-weight: bold;
}
tr:hover{
    background: #ccc;
}
.money{
    text-align: right;
    padding-right: 3px;
}
select, input[type="text"], textArea{
        width: 150px;
    }  
.studentreg{
        font-size: x-large;
        text-align: center;
        font-weight: bold;
        content:"JR INSTITUTE OF INFORMATION TECHNOLOGY";
    }
    .sign{
        width:400px;
        height:50px;
        float: left;
    }
    #programs{
        float:left; width:500px; border:1px solid blue;
    }
    .stregform select, .stregform input, .stregform textarea{
        
            border: none;
            border-bottom: 1px solid #000;
            background: #FFF; 
            color: #000;
            height: 35px;
            width: 250px;
            vertical-align: text-bottom;
        
    }
    .formheading{
        text-align: center;
        line-height: 35px;
        font-size: x-large;
    }
    .formsubheading{
        text-align: center;
        line-height: 35px;
        font-size: large;
    }
    #bottomform{
        color: #000;
        width:90%;
        margin: 0 auto;
    }
    #bottomform .signature{
        border-bottom: 1px solid #000;  
        width: 500px;
    }
    .nav {
   color: #903387;
}