html{
	height:100%
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #1b5790;
	min-height:100%;
    background-image: url("/images/cricciethtv_background.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size: cover;
}

form, input, select, button, checkbox {
	margin: 0px;
	padding: 0px;	
}

input, select, button {
	color: #1b5790;
	background-color: #e3efff;
	border: 1px #1b5790 solid;
	padding: 2px 6px 2px 6px;
	font-weight: bold;
	border-radius: 2px;
}

select {
	text-overflow: ellipsis;
	max-width: 250px;
}

input[type=submit], button {
	background-color: lightgray;
	cursor:pointer;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow:0px 1px 2px rgba(0,0,0,0.3);
}

table, td {
	margin: 0px;
	padding: 0px;
	line-height: 2;
}

a, a:visited, a:hover { 
	text-decoration: none;
	color: inherit;
}

.t {
	border-top: 1px solid #aaa;
	font-size: 11px;
}

.note {
	background-color: yellow;
	border: 1px solid black;
	color: black;
	padding: 4px;
	font-size: 11px;
}

.page {
	margin: 4px;
	border: 1px #1b5790 solid;
	border-radius: 4px;
	min-height:100%;
	overflow-x:hidden;
	overflow-y:hidden;
	background-color:rgba(255, 255, 255, 0.5);
}

.header {
	padding: 4px;
}

.logo {
	float:left;
}

.headline {
	vertical-align: text-bottom;
	text-align: right;
	width: 100%;
	height: 50px;
	line-height: 80px;
	font-size: 28px;
	font-weight: bold;
}

.status {
	text-align: right;
	width: 100%;
	height: 50px;
	line-height: 20px;
	font-size: 12px;
	color: green;
}

.status1 {
	border-radius: 4px;
	padding: 2px 10px 2px 10px;
	background: green;
	color: white;
}

.status2 {
	color: black;
}

.separator {
	background-color: #e51b70;
	height: 4px;
	border-radius: 2px 2px 0px 0px;
}

.separator_bottom {
	background-color: #e51b70;
	height: 4px;
}

.wrapper {
	min-height:100%;
	width:100%;
}

.menu {
	background-color: #e3efff;
	display: table-cell;
	min-width: 150px;
	vertical-align: top;
	
	position:relative;

}

.menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-weight: bold;
	font-size: 14px;
}

.menu li {
	padding: 8px 20px;
}

.menu a {
	display: block;
	width: 100%;
	height: 100%;
}

.menu li:hover, #active {
	color: #fff;
	background-color: #087cb0;
}

.content {
	display: table-cell;
	vertical-align: top;
	min-width: 100%;
	min-height:100%;
	position:relative;		
}

.footer {
	background-color: #1b5790;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	color: #fff;
}

.footnote {
	width: 100%;
	text-align: right;
	font-size: 10px;
}

.box_container {
	width: 100%;
}

.box_body, .box_body_center  {
	border: 1px #1b5790 solid;
	border-radius: 6px;
	width: 250px;
	margin: auto;
}

.box_body{
	float: left;
	margin: 10px;
	vertical-align: text-top;
	background:#fff;
}

.box_head {
	background-color: #1b5790;
	color: #fff;
	padding: 4px 20px;
	font-weight: bold;
	font-size: 14px;
	border-radius: 4px 4px 0px 0px;
}

.box {
	padding: 4px;
	line-height: 3;
}

.label {
	width: 6em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
}

.box_label {
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
}

.hidden_text{
	display:inline;
}

.tr ,.ttr {
	border-right: 1px solid #1b5790
}

.ttr, .tt {
	border-top: 1px solid #1b5790
}

@media (max-width: 768px) {/*#############################   <800px screen width ###############################*/

.hidden_text{
	display:none;
}

.headline{
	visibility:hidden;
}

.menu{
	float:left;
	width:100%;
	height:30px;
	display:inline-block;
	overflow:hidden;
	border-bottom:solid 1px #1b5790;
	text-align:center;
}

.menu ul {
	display:inline-block;
	width:100%;
}

.menu li {
	display:inline-block;
	width:1%;
	margin:-3px;
	padding:9px 30px 30px 18px;
}

.content{
	width:100%;
	height:80%;
}

.wrapper{
	display:inline-block;
}

.content{
	min-width:200px;
	max-width:100%;
	display:inline-block;
	overflow-x:scroll;
}
}

@media (max-width: 480px) { /*#############################   <480px screen width ###############################*/

.box_body{
	max-width:290px !important;
	width:290px !important;
}

.menu li {
	display:inline-block;
	width:1%;
	margin:-3px;
	padding:8px 20px 20px 5px;
}
}