@import http://fonts.googleapis.com/css?family=Raleway;
/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
#main {
width:960px;
margin:50px auto;
font-family:raleway
}
span {
/*color:white*/
}
h2 {
/*background-color:#FEFFED;*/
text-align:center;
border-radius:10px 10px 0 0;
margin:-10px -40px;
padding:15px
}
hr {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}
#login {
width:300px;
float:center;
border-radius:10px;
font-family:raleway;
border:2px solid #ccc;
padding:10px 40px 25px;
margin-top:70px
}
input[type=text],input[type=password] {
width:99.5%;
padding:10px;
/*padding:0px;*/
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
input[type=submit] {
width:104%;
background-color:#207ACA;
color:#fff;
border:2px solid #207ACA;
padding:10px;
font-size:20px;
cursor:pointer;
border-radius:5px;
margin-bottom:15px;
margin-top:15px;
}
#profile {
padding:10px;
border:1px dashed grey;
font-size:20px;
background-color:#1C73B7
}
#logout {
float:right;
padding:5px;
border:dashed 1px gray;
margin:5px;
margin-top:-30px;
}
#welcome
{

margin-left:500px;
}
a {
text-decoration:none;
color:#1B9BFF;
}
i {
color:#ffffff;
}
th
{
color:#ffffff;
background:#1B9BFF;
}
@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);
/* Please Keep this font import at the very top of any CSS file */
@charset "UTF-8";
/* Starter CSS for Flyout Menu */
#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1;
float:left;
margin-bottom:20px;
}
#title {
height: 43px;
width: 100%;
background-color: #CCCCCC;
float: left;
}
#cssmenu1 {
  padding: 0;
  margin: 0;
  border: 0;
width:200px;
height:700px;
  line-height: 1;
float:left;
margin-bottom:20px;
border-right:2px dashed grey;
}

.gray-panel-header {
background: gray;
color: white;
font: bold 11px tahoma,arial,verdana,sans-serif;
padding: 5px 2px 4px 20px;
border: 1px gray;
line-height: 15px;
}
.rss-frame-section {
width: 185px;
margin-left: 0px;
margin-right: auto;
margin-top: 20px;
background-color: #FFFFFF;
padding: 4px;
border: 1px solid #999999;
}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
  float: left;

}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
  position: relative;
border-bottom:1px solid #ffffff;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: -2px;
  right: 0;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  top: 1px;
  left: 99%;
}
#cssmenu ul li {
  float: none;
border-right: 4px solid #1b9bff;
}
#cssmenu ul ul {
  margin-top: 1px;
}
#cssmenu ul ul li {
  font-weight: normal;

}
/* Custom CSS Styles */
#cssmenu {
  
  background: gray;
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
  zoom: 1;
  font-size: 12px;
}
#cssmenu:before {
  content: '';
  display: block;
}
#cssmenu:after {
  content: '';
  display: table;
  clear: both;
}
#cssmenu a {
  display: block;
  padding: 15px 20px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}
#cssmenu > ul {
  width: 100%;
}
#cssmenu ul ul {
  width: 200px;
}
#cssmenu > ul > li > a {
  
  color: #ffffff;
}
#cssmenu > ul > li > a:hover {
  color: #ffffff;
}
#cssmenu > ul > li.active a {
  background: #1b9bff;
}
#cssmenu > ul > li a:hover,
#cssmenu > ul > li:hover a {
  background: #1b9bff;
}
#cssmenu li {
  position: relative;
}
#cssmenu ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
}
#cssmenu ul ul li.first {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
#cssmenu ul ul li.last {
  -webkit-border-radius: 0 0 3px 0;
  -moz-border-radius: 0 0 3px 0;
  border-radius: 0 0 3px 0;
  border-bottom: 0;
}
#cssmenu ul ul {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
#cssmenu ul ul {
  border: 1px solid #0082e7;
}
#cssmenu ul ul a {
  font-size: 12px;
  color: #ffffff;
}
#cssmenu ul ul a:hover {
  color: #ffffff;
}
#cssmenu ul ul li {
  border-bottom: 1px solid #0082e7;
}
#cssmenu ul ul li:hover > a {
  background: #4eb1ff;
  color: #ffffff;
}
#cssmenu.align-right > ul > li > a {
  border-left: 4px solid #1b9bff;
  border-right: none;
}
#cssmenu.align-right {
  float: right;
}
#cssmenu.align-right li {
  text-align: right;
}
#cssmenu.align-right ul li.has-sub > a:before {
  content: '+';
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
}
#cssmenu.align-right ul li.has-sub > a:after {
  content: none;
}
#cssmenu.align-right ul ul {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 598;
  width: 100%;
}
#cssmenu.align-right ul ul li.first {
  -webkit-border-radius: 3px 0 0 0;
  -moz-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}
#cssmenu.align-right ul ul li.last {
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
}
#cssmenu.align-right ul ul {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
td,th
{
padding:5px;
border:1px solid #ccc;

}
#main_view
{
min-height:500px;
/*overflow-y:scroll;*/
width:84%;
/*border:1px solid;*/
margin-top:0px;
 float: right;
margin-bottom:50px;
}
/*#main_view input[type=text]{
width:20%;
padding:10px;
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway

}#main_view input[type=textarea]{
width:50%;
padding:10px;
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway

}
#main_view input[type=submit] {
width:20%;
background-color:#207ACA;
color:#fff;
border:2px solid #207ACA;
padding:10px;
font-size:20px;
cursor:pointer;
border-radius:5px;
margin-bottom:15px
}
#edit_view input[type=password]{
width:20%;
padding:10px;
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway

}*/
#edit_view input, textarea {
  font    : .9em/1.5em "handwriting", sans-serif;


  padding : 0 10px;
  margin  : 0;
  width   : 25%;

}
#edit_view input[type=submit]{
width:20%;
}
#edit_view input:focus, textarea:focus {
  background   : rgba(0,0,0,.1);
  border-radius: 5px;
  outline      : none;
}
#edit_view input {
    height: 2.5em; /* for IE */
    vertical-align: middle; /* This is optional but it makes legacy IEs look better */
}

#edit_view
{
padding:50px;
color:black;
}
.headerStyle {
background: url(images/header_blue.jpg);
background-repeat: repeat-x;
background-color: #0a61ae;
color: #fff;
height: 30px;
}

.wrap {
   /*overflow: hidden;*/
   /*margin: 50px;
margin-left:100px;*/
}
.box {
   float: left;
   position: relative;
   width: 20%;
   padding-bottom: 20%;
}
.boxInner {
padding-left:40px;
   position: absolute;
   left: 30px;
   right: 30px;
   top: 10px;
   bottom: 10px;
   overflow: hidden;
}
.boxInner img {
   width: 98%;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
border-radius:5px;

}
.boxInner .titleBox {
  /* position: absolute;*/
   bottom: 10;
   left: -5;
   right: -10;
font-size:18px;
font-weight:bold;
   margin-bottom: 0px;
   /*background: #000;
   background: rgba(0, 0, 0, 0.5);*/
   color: gray;
   padding: 15px;
   text-align: center;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    
    background: #f8f8f8;

   
    outline:none;
    display: inline-block;
   
    cursor:pointer;
}