/******************************************************************************
 * Global
 ******************************************************************************/
BODY {
    background-image:url(../images/global/global_background_5.jpg);
    font-family:Tahoma, Geneva, sans-serif;
}
a {
    color:#5f95ef;
    text-decoration:none;
    border:0px;
}
a:hover {
    color:#5f95ef;
    text-decoration:none;
    border:0px;
}
#loading {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:url(../images/global/loading_page.gif) 50% 50% no-repeat #fff;
}

/******************************************************************************
 * Error
 ******************************************************************************/
#error_alert_box {
    width:610px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top:10px;
    margin-bottom:10px;
    padding-top:20px;
    padding-bottom:20px;
    padding-right:20px;
    padding-left:20px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    font-weight:bold;
    color:#FFF;
}
#error_empty_field {
    color:#CCC;
    font-style:italic;
    font-weight:normal;
}
/******************************************************************************
 * Template
 ******************************************************************************/
#template {
    width:100%;
}
#template_header_menu {
    width:100%;
    color:#FFF;
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}
.template_header_menu_option {
    font-size:18px;
}

#template_footer {
    padding-top:10px;
    padding-bottom:10px;
    width:100%;
    color:#FFF;
    font-size:14px;
    font-weight:bold;
}

#template_footer_discription_label_cameraposition {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin:10px 0px 10px 0px;
    background-color:#fff;
    text-align:center;
		color:#060;
}
.template_footer_discription_label_cameraposition_td {
    font-weight:normal;
    font-size:22px;
    color:#060;
		padding:5px 20px 10px 20px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height:35px;
}
.template_footer_discription_label_cameraposition_td a{
    font-weight:normal;
    font-size:22px;
		padding:5px 0px 10px 10px;
}
.template_footer_discription_label_cameraposition_td_title {
    letter-spacing:2px;
    font-size:22px;
		font-weight:bold;
		color:#060;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		padding:10px 0px 0px 0px;
		text-align:center;
}


#template_footer_discription_label {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin:10px 0px 10px 0px;
    background-color:#F00;
    text-align:center;
}
.template_footer_discription_label_td {
    font-weight:normal;
    font-size:12px;
    color:#fff;
		padding:10px 0px 10px 0px;
}
.template_footer_discription_label_td_title {
    letter-spacing:2px;
    font-size:24px;
		font-weight:bold;
		color:#fff;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#template_footer_menu {
    width:100%;
    color:#FFF;
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
    margin-top:10px;
}
.template_footer_menu_option {
    font-size:18px;
}

#template_footer_menu_status {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding:10px 50px 10px 50px;
    width:auto;

    font-size:16px;
    font-weight:normal;
    color:#FFF;
}
/******************************************************************************
 * Content
 ******************************************************************************/
#content_tower {
    color:#FFF;
    font-size:17px;
    font-family:Tahoma, Geneva, sans-serif;
    font-weight:bold;
}
#tower_unit {
    width:40px;
    height:40px;
    padding:0px;
}
#tower_unit_floor {
    width:100px;
    height:40px;
    padding:0px;
}
#tower_background_floor_label_corridor {
    width:40px;
    height:40px;
    padding:0px;
    font-size:22px;
    color:#000;
    text-decoration:none;		
}
#tower_background_floor_label_staircase {
    width:40px;
    height:40px;
    padding:0px;
    font-size:22px;
    color:#000;
    text-decoration:none;		
}
#tower_background_floor_label_corridor_tosca {
    width:40px;
    height:40px;
    padding:0px;
    font-size:22px;
    color:#000;
    text-decoration:none;		
}
#tower_background_floor_label_staircase_tosca {
    width:40px;
    height:40px;
    padding:0px;
    font-size:22px;
    color:#000;
    text-decoration:none;		
}
#tower_background_floor_label_stairs {
    width:40px;
    height:40px;
    padding:0px;
    font-size:22px;
    color:#fff;
    text-decoration:none;		
}
#tower_unit_label {
    width:40px;
    height:40px;
    padding:0px;
}
#unit_status {
    font-size:22px;
    color:#000;
    text-decoration:none;
}
#unit_status a{
    text-decoration:none;
}
#staircase_status_bgcolor_default {
    font-size:22px;
    color:#333;
    text-decoration:none;
}
#staircase_status_bgcolor_orange {
    font-size:22px;
    color:#333;
    text-decoration:none;
}

#corridor_status_bgcolor_default {
    font-size:22px;
    color:#333;
    text-decoration:none;
}
#corridor_status_bgcolor_red {
    font-size:22px;
    color:#333;
    text-decoration:none;
}

.status_bgcolor_red {
    background-image:url(../images/tower/red.gif);
    background-repeat:repeat-x;
    background-position:center;
    border:1px solid #fe1717;
}
.status_bgcolor_green {
    background-image:url(../images/tower/green.gif);
    background-repeat:repeat-x;
    background-position:center;
    border:1px solid #3C0;
}
.status_bgcolor_yellow {
    background-image:url(../images/tower/yellow.gif);
    background-repeat:repeat-x;
    background-position:center;
    border:1px solid #FF0;
}
.status_bgcolor_tosca {
    background-image:url(../images/tower/tosca.gif);
    background-repeat:repeat-x;
    background-position:center;
    border:1px solid #096;
}
.status_bgcolor_blue {
    background-image:url(../images/tower/blue.gif);
    background-repeat:repeat-x;
    background-position:center;
    border:1px solid #5995a8;
}
.status_bgcolor_hazard {
    background-image:url(../images/tower/hazard.gif);
    background-repeat:repeat-x;
    background-position:center;
    border:1px solid #666;
}
.status_bgcolor_default {
    background-image:url(../images/tower/default.gif);
    background-repeat:repeat-x;
    background-position:center;
    border: 1px solid #CCC;
}
.tower_background_floor {
    background-image:url(../images/tower/black.gif);
    background-position:center;
    background-repeat:repeat-x;
    border:1px solid #737373;
}
.tower_background_floor_label_corridor_tosca {
    background-image:url(../images/tower/tosca.gif);
    background-repeat:repeat-x;
    background-position:center;
    border:1px solid #096;	
}
.tower_background_floor_label_staircase{
    background-image:url(../images/tower/blue.gif);
    background-repeat:repeat-x;
    background-position:center;
    border:1px solid #5995a8;	
}
.tower_background_floor_label_corridor{
    background-image:url(../images/tower/blue.gif);
    background-repeat:repeat-x;
    background-position:center;
    border:1px solid #5995a8;	
}
.tower_background_floor_label_staircase_tosca {
    background-image:url(../images/tower/tosca.gif);
    background-repeat:repeat-x;
    background-position:center;
    border:1px solid #096;	
}
.tower_background_floor_label_stairs {
		background-color:#C30;
    background-position:center;
    background-repeat:repeat-x;
    border:1px solid #737373;
}
.tower_background_label {
    background-image:url(../images/tower/black.gif);
    background-position:center;
    background-repeat:repeat-x;
    border:1px solid #737373;
}

#content_unit {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family:Tahoma, Geneva, sans-serif;
    width:700px;
    background-color:#FFF;
    background-image:url(../images/global/global_background_content.png);
    padding-top:25px;
    padding-bottom:25px;
}
#content_unit .content_unit_title {
    font-size:24px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight:bold;
    height:34px;
    color:#F00;
    border-bottom:2px solid #0C0;
    text-transform:uppercase;
}
#content_unit .content_unit_list {
    margin-top:10px;
}
#content_unit .content_unit_list_left {
    font-size:16px;
    height:35px;
    vertical-align:middle;
    font-weight:bold;
    border-bottom:1px dotted #CCC;
}
#content_unit .content_unit_list_right {
    font-size:16px;
    height:35px;
    border-bottom:1px dotted #CCC;
    vertical-align:middle;
}

#content_unit_noframe {
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    background-color:#FFF;
    font-family:Tahoma, Geneva, sans-serif;
}
.content_unit_noframe-list_left {
    padding:15px 0px 15px 0px;
    vertical-align:middle;
    text-align:left;
    font-size:20px;
    font-weight:bold;
}
.content_unit_noframe-list_right {
    padding:15px 0px 15px 0px;
    text-align:left;
    vertical-align:middle;
    font-size:20px;
    font-weight:normal;
    color:#000;
    border-bottom:1px dotted #d0ccc9;
}



#content_unit_frame {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius:5px;
    border: 1px solid #d0ccc9;
    margin-top:30px;
    margin-bottom:10px;
    padding:10px;
    background-color:#FFF;
    font-family:Tahoma, Geneva, sans-serif;
}
.content_unit_frame-title {
    margin-top:-26px;
    margin-left:20px;
    background-color:#FFF;
    padding: 5px 0px 5px 10px;
    text-align:left;
    font-weight:bold;
    color: #5f95ef;
}
.content_unit_frame-list_left {
    padding:5px 0px 5px 0px;
    vertical-align:middle;
    text-align:left;
    font-size:16px;
    font-weight:bold;
}
.content_unit_frame-list_right {
    padding:5px 0px 5px 0px;
    text-align:left;
    vertical-align:middle;
    font-size:16px;
    font-weight:normal;
    color:#900;
    border-bottom:1px dotted #d0ccc9;
}
.content_unit_frame-list_right a{
    text-decoration:none;
}

.content_unit_frame-list_right-nolink {
    padding:5px 0px 5px 0px;
    text-align:left;
    vertical-align:middle;
    font-size:16px;
    font-weight:normal;
    color:#900;
    border-bottom:1px dotted #d0ccc9;
}
.content_unit_frame-list_right-nolink a {
    text-decoration:none;
    color:#900;
}

#content_unit_button{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:10px;
    padding-left:50px;
    vertical-align:middle;
    text-align:left;
    background-color:#efefef;
    border:1px solid #d0ccc9;
    margin-top:5px;
    margin-bottom:5px;
    font-size:20px;
    font-weight:bold;
    color: #898989;
}

#content_unit_button IMG{
    margin-right:10px;
    vertical-align:middle;
}
#content_layout {
    margin-top:10px;
}

#content_form{
}
.content_form_td_left{
    padding:10px 0px 10px 0px;
    font-weight:bold;
    text-align:left;
    vertical-align:middle;
}
.content_form_td_right{
    padding:10px 0px 10px 0px;
    font-weight:normal;
    text-align:left;
    vertical-align:middle;
}
.content_form_td_right_input{
    font-size:18px;
    padding:5px 0px 5px 5px;
    color:#666;
}


.content_table_title{
    font-size:12px;
    text-align:left;
    font-weight:bold;
    padding:3px 10px 5px 10px;
    background-color:#F90;
    color:#FFF;
    border-right:2px solid #FFF;
}
.content_table_td1{
    font-size:12px;
    text-align:left;
    font-weight:normal;
    padding:3px 10px 5px 10px;
    background-color:#FFF9F2;
    border-right:2px solid #FFF;
}
.content_table_td2{
    font-size:12px;
    text-align:left;
    font-weight:normal;
    padding:3px 10px 5px 10px;
    background-color:#FFC;
    border-right:2px solid #FFF;
    border-top:2px solid #FFF;
}
/******************************************************************************
 * Login
 ******************************************************************************/
#login_td {
    padding:10px 0px 10px 0px;
}
.login_td_left {
    font-size:30px;
}
.login_td_right{
}
.login_td_right-inputtext{
    padding:3px 5px 3px 5px;
    font-size:30px;
}
.login_td_right-button{
    padding:3px 5px 3px 5px;
    font-size:30px;
}



/******************************************************************************
 * Global Form Button *http://www.cssbuttongenerator.com/
 ******************************************************************************/
.form_button {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:39px;
    -webkit-border-radius:39px;
    border-radius:39px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-family:arial;
    font-size:20px;
    font-weight:bold;
    padding:9px 33px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}.form_button:hover {
     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
     background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
     background-color:#dfdfdf;
 }.form_button:active {
      position:relative;
      top:1px;
  }
/******************************************************************************
 * Global Form Field *http://www.cssportal.com/form-elements/text-box.htm
 ******************************************************************************/
.form_field {
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    background-image:url(../images/global/global_form_field_bg.jpg);
    background-repeat:repeat-x;
    border:1px solid #d1c7ac;
    min-width: 130px;
    color:#333333;
    padding:5px 10px 5px 10px;
    margin-right:4px;
    margin-left:8px;
    margin-bottom:0px;
    text-transform:uppercase;
    font-size:20px;
    font-family:tahoma, arial, sans-serif;
}

/******************************************************************************
 * Global Table & Pagging *http://tablestyler.com/
 ******************************************************************************/
.datagrid table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}
.datagrid {
    font: normal 10px/170% Arial, Helvetica, sans-serif;
    background: #fff;
    overflow: hidden;
    border: 1px solid #991821;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.datagrid table td, .datagrid table th {
    padding: 11px 8px;
}
.datagrid table thead th {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #991821), color-stop(1, #80141C) );
    background:-moz-linear-gradient( center top, #991821 5%, #80141C 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#991821', endColorstr='#80141C');
    background-color:#991821;
    color:#FFFFFF;
    font-size: 14px;
    font-weight: bold;
    border-left: 1px solid #DB232F;
}
.datagrid table thead th:first-child {
    border: none;
}
.datagrid table tbody td {
    color: #80141C;
    border-left: 1px solid #F7D5CF;
    font-size: 11px;
    font-weight: normal;
}
.datagrid table tbody .alt td {
    background: #F7C6C6;
    color: #80141C;
}
.datagrid table tbody td:first-child {
    border: none;
}
.datagrid table tfoot td div {
    border-top: 1px solid #991821;
    background: #F7CDCD;
}
.datagrid table tfoot td {
    padding: 0;
    font-size: 26px
}
.datagrid table tfoot td div {
    padding: 8px;
}
.datagrid table tfoot td ul {
    margin: 0;
    padding:0;
    list-style: none;
    text-align: right;
}
.datagrid table tfoot li {
    display: inline;
}
.datagrid table tfoot li a {
    text-decoration: none;
    display: inline-block;
    padding: 9px 10px;
    margin: 5px;
    color: #FFFFFF;
    border: 1px solid #991821;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #991821), color-stop(1, #80141C) );
    background:-moz-linear-gradient( center top, #991821 5%, #80141C 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#991821', endColorstr='#80141C');
    background-color:#991821;
}
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover {
    text-decoration: none;
    border-color: #80141C;
    color: #FFFFFF;
    background: none;
    background-color:#991821;
}
.datagrid .paging {
    text-align:center;
}