body{
	background-color:white;
	font-family:Arial, Helvetica, Sans-serif;
}

body.login{
	background-color:white;
	text-align:center;
	font-family:Arial, Helvetica, Sans-serif;
}

table{
  font-size: 0.8em;
  --table-layout: fixed;
}

table.auta{
 background-color:white;
 font-family:Arial, Helvetica, Sans-serif;
 font-size: small;
 width: 700px;
}

table.auta td{
 text-align: left;
}

table.auta th{
 font-size: 1.2em;
 background-color: #F0F4FB;
}

table.auta td img{
 padding: 2px;
}

h3{
	padding:0px;
	margin:0px;
}

#login_logo{
	margin:0px auto 0;
	width:570px;
	height: 60px;
	padding:0px;
	position:relative;
}


#login_mother{
	margin:0px auto 0;
	width:330px;
	padding:0px;
	position:relative;
	text-align:left;
}

#content_logo{
	width:570px;
	height: 60px;
  position: relative;
  left: 10%;
  margin-bottom: 10px;
}

#content_mother{
	width: 80%;
	position:relative;
  left: 10%;
	text-align:left;
}

#menu{
 float:left;
 height: 25px;
 padding: 5px 15px 5px 0px;
}

#menu a{
  color: #C60C46;
  font-weight: bold;
  font-size: 0.8em;
  text-decoration: underline;
}

#controls{
  float:right
  width:auto;
  height: 25px;
  padding: 5px 0px 5px 0px;
}

#application{
  position: absolute;
  right: 10%;
  width: 200px;
  top: 30px;
  font-weight: bold;
  font-size: 1.3em;
  text-align: right;
}

#application a{
  position:relative;
  top: -5px;
  color: #C60C46;
  font-weight: bold;
  font-size: 0.6em;
  background:url('/img/arrow-small.gif') 0 50% no-repeat;
  padding-left:10px;
}

#b-line{
	width:100%;
	height:6px;
	background:url('/img/b-line.gif') 0 0 repeat-x;
}

#footer{
  font-size: 0.8em;
  font-family: Tahoma, Arial, Sans-serif;
  
}

#sms{
  border: 2px solid #DADBDC; 
}

#sms td{
  border: 1px solid #DADBDC; 
}

td.time{
  width: 7%;
}

td.status{
  width: 10%;
}

td.number{
  width: 10%;
}

td.operator{
  width: 8%;
}

#table_head{
  font-weight: bold;
}

#sms_out{
  position: relative;
  overflow: auto; 
  width: 90%;
  left: 5%;
  height: 250px;
  border: 3px solid #FFFFFF;
}

#sms_in{
  position: relative;
  overflow: auto;
  width: 90%;
  height: 250px;
  left: 5%;
  border: 3px solid #FFFFFF;
}

#report{
  position: relative;
  overflow: auto;
  width: 90%;
  height: 250px;
  left: 5%;
  border: 3px solid #FFFFFF;
}

div.login_content{
	width:250px;
	background:#F9F9FB url('/img/content-background.gif') 0 0 repeat-x;
	padding:10px 20px 20px 20px;
	font-size:0.8em;
	color:#333333;
	font-weight:normal;
	clear:left;
}

div.content{
	width:100%;
	background:#F9F9FB url('/img/content-background.gif') 0 0 repeat-x;
	padding:10px 0px 10px 0px;
	font-size:0.8em;
	color:#333333;
	font-weight:normal;
	/*clear:left;*/
}

div.title{
	float:left;
	display:block;
	background:url('/img/h2-left.gif') 0 0 no-repeat;
}

h2{	
	color:#13B5EA;
	font-size:1em;
	white-space:nowrap;
	margin:0px 0 0px 19px;
	padding:13px 20px 0.2em 0; 
	background:url('/img/h2.gif') 100% 0 no-repeat;
	display:block;
	min-width:10em;
}

h4{
	color:#13B5EA;
	padding-left: 10px;
}

h4.title{
  color:#000000;
}