@media (min-width: 768px) {
	BODY {
		font-family: Arial;font-size: 13px;margin:0;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.h1,
	.h2,
	.h3,
	.h4,
	.h5,
	.h6 {
	  font-family: Arial;
	}
	
	
}

@media (min-width: 992px) {
	BODY {
		font-family: Verdana;font-size: 13px;margin:0;
		background-color:white;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.h1,
	.h2,
	.h3,
	.h4,
	.h5,
	.h6 {
	  font-family: Verdana;
	}
}	

body {
  padding-top: 60px;
  padding-bottom: 20px;
}
      
#body {
	width:100%;
	overflow-y: auto;
}

A {text-decoration: none;}
A:hover {color:red;}
A IMG {border: 0;}




h5, .h5 {
	font-weight:bold;
}

address {
	font-size: 13px;
    font-weight: 200;
    margin-bottom: 10px;	
}

.navigate-btn {
	cursor:pointer;
}

.navbar-brand {
	max-width:300px;
}

.navbar-inverse {
	background-image: url("../../framework/images/spinoffice/topm-bg.png");
    height: 52px;
    overflow: visible;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
	color:#DDDDDD!important;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a.nolink {
	cursor:default;
}

.logo_img {
   	display: block;
    float: left;
    margin-top: 3px;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #456E08;
}

.caret {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #FFFFFF;
    border-bottom: 0px solid #FFFFFF;
    
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
	border-top-color: #DDDDDD;
}

.intro {
    margin: 0 auto 56px;   
}

.padding-clear
 {
	padding:0px;
}


.modal-backdrop.fade.in {
	opacity: 0.1;
}

@media (min-width: 768px) {
	.container {
		max-width: 718px;
    
	}
  
  .c-ontainer {
    max-width: 708px;
    
  }
  
  .container .scroll-table {
  	max-width: 708px;
  }
    
}

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
  .c-ontainer {
    max-width: 940px;
  }
  
  .container .scroll-table {
  	max-width: 938px;
  }
}

@media (min-width: 1200px) {
	.container {
		max-width: 1190px;
	}
  
  .c-ontainer {
    max-width: 1140px;
  }
  
  .container .scroll-table {
  	max-width: 1168px;
  }
}


.rounded {
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;   
}

.round_pannel {
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
   	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
   	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
   	box-shadow: 0 1px 2px #000;
	*/
	border: 1px solid #e5e5e5;	
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow:  0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
		
	background-color: #fff;
	
	behavior: url(lib/pie-1.0.0/PIE.htc);
}

input.so_placeholder,
textarea.so_placeholder {
	color: #999999;
}

input.hasError,
textarea.hasError,
select.hasError 
{
  border-color: #ee5f5b;
}

.error {
	color:red;
}

.extra_visible {
	overflow:visible;
}

.extra_hidden {
	overflow:hidden;
}

.online_status {
	height: 12px;
    width: 12px;
    background-color: #FF0000;
    margin:auto;
    border:solid 1px white;
}

DIV.online_status[is_online='1'] {
	background-color: #008000;
}