* {
    margin: 0;
    border: 0;
    padding: 0;
}

body{
	/* Styling the body */
	color:white;
	font-size:13px;
	background-color: #333333 !important;
	font-family:Arial, Helvetica, sans-serif;
}


/* General styles for the demo page */

h1{
	/* The title of the page */
	color:white !important;
	font-family:"MyRiad Pro",Arial,Helvetica,sans-serif;
	font-size:38px;
	font-weight:normal;
}

h2{
	/* The subtitle */
	font-family:"MyRiad Pro","Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:normal;
	letter-spacing:1px;
	padding-left:2px;
	text-transform:uppercase;
	white-space:nowrap;
	margin:10px 0 25px;
}

hr{
	/* The horizontal ruler */
	background-color:#BBBBBB;
	border:medium none;
	color:#BBBBBB;
	height:1px;
	margin:30px auto;
	width:450px;
}

.clear{
	/* The clearfix hack */
	clear:both;
}

li a, li a:visited {
	color:#00BBFF;
	text-decoration:none;
	outline:none;
}

li a:hover{
	text-decoration:underline;
}
footer div a {
	color: #111111;
	text-decoration:none;
	outline:none;
}
footer div a:hover{
	text-decoration:underline;
	color: #cccccc;
}
textarea {
  max-width: 100%;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #accee6;
}
.table-row-selected {
    background-color: #accee6;
}
.login, .logout, .hand {
	cursor: pointer;
}
.title{
	/* The title of the page */
	color:white;
	font-family: 'Dancing Script', cursive;
	font-size:40px;
	font-weight:bold;
	padding: 20px;
}
/* Modal */
.modal-body .form-horizontal {
    width: 100%;
    margin: 0px;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}
/* Add color to model title bar */
.modal-header {
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #bdbdbd;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header, .close {
      /*background-color: #555555; */
      color: #000 !important;
      text-align: center;
}
.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
    cursor: move;
}
.disable-all {
    pointer-events: none;
    opacity: 0.4;
}
#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:*400px;*
	height:*400px;*
	background:#fff;
	text-align:center;
    vertical-align: 50%;
	border: 2px solid black;
}
#lightbox.done #lbContent{
	display:block;
	width: *600px;*
	height: *800px;*
	border: 10px solid white;
}
.lightbox-caption {
  font-weight: normal !important;
}