body{ 
    background: url(../img/css/background.jpg) repeat-y top center #97a0a7;
    font-family: arial;
    color: #20356a;
    background-size: 1128px auto;
}
h1.logo{
    font-size: 36px;
    line-height: 42px;
    font-family: arial;
    color:#d7e9ff;
    margin: 0;
}
a{text-decoration: none;}
h1.logo img{
    float:left;
	margin-right:20px;
}
.myContent{
	background:white;
}

.pageBottom{
	background: url(../img/footer.png) repeat-x top #ddd;
    color: #000000;
	height:80px; 
}
.callout { 
    padding: 12px 20px; 
}
.callout.message {
    background-color: #888888; 
    color: #fff;
}
.callout.message:focus,
.callout.message:hover {
	outline: 0;
}
.callout.message a{ 
    color: #fff;
}
.orbit-container{
	padding:0px;
}

.orbit-bullets button{
	width:10px;
	height:10px;
	background-color:#00aeef;
	
}
.orbit-bullets button:hover,
.orbit-bullets button:focus,
.orbit-bullets button.is-active{
	background-color:#1c75bc;
}
.orbit-bullets{
    margin: 0;
    margin-top: -30px;
}
.top-bar, .top-bar ul { 
    padding: 0;
    background: url(../img/topbar.jpg) repeat-x center #686868;
    background-size: 2px 40px;
}
.top-bar ul  a{ 
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
} 
.label { 
    cursor: pointer; 
}
.top-bar ul  a:hover{
    color: #000;
}
h2{margin: 10px 0;}
.top-bar ul  a.active:hover{
    color: #fff;
}
#side-menu{ background: #e2e2e2; }
#side-menu h4{
    margin: 10px 0 5px;
    line-height: 28px;
    text-align: left;
    font-size: 14px;
    background: url(../img/blBlue.png) no-repeat center top;
    font-weight: normal;
    color: #000;
    padding:0 30px 0 15px;
    background-size: 100% auto;
}
.side-menu{ padding: 0px; }
.side-menu.menu > li > a i {
    text-decoration: none !important;
}
.side-menu.menu > li > a {
    display: block;
    padding: 5px 10px 5px 30px;
    line-height: 20px;
    font-size: 12px;
    text-align: left;
    color: #000000;
    border-bottom: 1px dotted #f4f4f4;
}
.side-menu.menu > li > a:focus,
.side-menu.menu > li > a:hover {
    background: #fff;
    color: #444444;
    text-decoration: underline;
}
.side-menu.menu > li > ul  {
    padding: 0px;
}
.side-menu.menu > li > ul li a {
    line-height: 20px;
    padding: 5px 10px;
    text-decoration: none; 
    background: url(../img/menu.png) repeat-x bottom #406cc3;
    color: #a7cfff;
}
.side-menu.menu > li > ul li a:focus,
.side-menu.menu > li > ul li a:hover {
    background: url(../img/menu.png) repeat-x top #406cc3;
    color: #fff;
}
.thumbnail {
    border: 0;
    box-shadow: none; 
    border-radius: 0px;
    margin-bottom: 0; 
}
.callout.secondary {
    background: rgba(5, 66, 113, 0.55);
    margin-top: -50px;
    color: #fff;
    border: 0;
    text-align: center;
    font-size: 24px;
    padding: 0;
    line-height: 50px;
    height: 50px;
    font-weight: normal;
	cursor:pointer;
}
.myphoto:hover .thumbnail,
.myphoto:hover .callout.secondary,
.callout.secondary:focus,
.callout.secondary:hover,
.thumbnail:hover,
 .thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(5, 66, 113, 0.5);
}
table{ font-size: 12px; line-height: 16px; }
table.dataTable  tbody tr td {
    padding: 5px 5px;
}
table.dataTable  {
    border-top: 1px solid #000;
}
table thead, table tfoot {
    background: #003366;
    color: #ffffff;
}
table thead tr {}
table thead tr td {}
table tbody {}
table tbody tr {}
table tbody tr td {}
td.actions a {
	display: inline;
	margin: 0px 4px;
	font-size: 12px;
	font-weight:bold;
}

td.actions a:hover {
	text-decoration:underline;
	font-weight:bold;
}

.dataTables_wrapper .dataTables_filter input {
    width: 150px;
    display: inline-block;
    margin: 0 0 5px 5px;
    padding: 0 5px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
}
.dataTables_wrapper .dataTables_length select  {
    margin: 0 0 5px;
    width: 50px;
    padding: 0 5px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
}
.dataTables_wrapper .dataTables_length {
    float: left;
    width: 300px;
}
.dataTables_wrapper {
    background: #f8f8f8;
    padding: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button { 
    min-width: 10px;
    padding: 5px; 
}

.inputboxes input[type="checkbox"]{}
.inputboxes label{
    display: block;
    padding: 0 5px;
    margin: 1px;
    line-height: 30px;
    height: 30px;
    border-radius: 2px;
    background: #ddd;
}
.inputboxes h3{
    margin:  0px 0px ;
    line-height: 30px;
	font-size: 16px;
}
.inputboxes {
    background: #ddd;
    margin: 0 0 1px;
	padding-top:10px;
	padding-bottom:10px;
}
.inputboxes:hover {
    background: #f4f4f4; 
}

.input-group-label { 
    background: #20356a;
    color: #ffffff; 
}
.button.success {
    background-color: #2b4c9e;
    color: #fefefe;
}
.button.success:hover, .button.success:focus {
    background-color: #20356a;
    color: #fefefe;
}
.canvasjs-chart-credit {
    display: none;
}