@charset "UTF-8";
/* CSS Document */

html, body {
 	height: 100%;
  	margin: 0;
 	padding: 0;
	font-family: "Arial Black", Gadget, sans-serif; 
}

footer{
   background-color:#2c3742;
   box-shadow:inset 0px 0px 3px #111;
   color:#fff;
   font-size:14px;
   line-height:25px;
   padding:10px 0px 10px 0px;
   bottom: 0px;
}

footer a{
   color:#eee;
   text-decoration:none;
   border-bottom:1px dotted #888;
}

footer a:hover{
   color:#aaa;
   text-decoration:none;
   border:0px;
}

footer hr{
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: #000 1px solid;
	border-bottom: #212121 1px solid;
}

footer .copy{
   font-size:13px;
   margin:15px 0px;
}
a {
  color: #3c8dbc;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}

#header {
	text-align: center;
	padding: 5px;
}
#header h1 {
	margin-top: 10px;
}

#loader {
	display: none;
	margin-left: 5px;
}

.loader_img {
	background-image: url(../elements/ajax/ajax_loader.gif);
}
.ajaxloader_box {
	width: 16px;
	height: 19px;
	background-repeat: no-repeat;
	background-position: center;
}

.show_updating {
	margin-top: 10px;
	display: none;
}
.show_updating p{
	margin: 0px;
}

.loader_spinner {
	display: none;
	margin-left: 5px;
}

.loader_text {
	color: #666;	
}

#login_container {
	margin: auto;
	width: 800px;
	margin-top: 50px;
}

.page_panel_left {
	width: 400px; 
	float: left; 
	padding: 20px; 
	margin-top: 50px;
	text-decoration: none;
}

.page_panel_right {
	width: 400px; 
	float: right; 
	padding: 20px; 
	margin-top: 50px;
	text-decoration: none;
}

/* Backend Styling*/
#sidebar_menu {
	width: 25%
}
#main_content {
	width: 73%
}
#notice_message, #notice_spinner {
	display: none;
}
/***********/

.color_red {
    color: #F00;
}



/* Comp Backend Styling */
.error_panel {
	display: none;
}
.hide_upload {
}
#modal_wrapper {
	width: 800px;
	margin: auto;
	margin-top: 50px;
	min-height: 100%;
  	height: auto !important;
  	height: 100%;
}
/************************/

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

/* Push wrapper classes */
#wrapper {
	width: 960px;
	margin: auto;
	min-height: 100%;
  	height: auto !important;
  	height: 100%;
  	margin-bottom: -100px; /* <- If you change this height... */
}
#push {
	width: 960px;
  	height: 100px;         /* <- ...then you should also change this height! */
}
#footer {
    color: #f00;
    font-size: 0.9em;
    height: 100px;
    margin: auto;
    padding-top: 60px;
    text-align: center;
    width: 960px;         /* <- ...then you should also change this height! */
}
/* ******************** */


/*    Generic classes   */
.color-red {
	background-color: #C00;
}
.color-gray {
	color: #666;
}
.color-green {
	background-color: #0F0;
}
/* ******************** */

/*      Modal Sizes     */
#previewReport .modal .modal-wide .modal-dialog {
  width: 960px;
}
#previewReport .modal-wide .modal-body {
  overflow-y: auto;
}
/* ******************** */