body{
  text-align: center;  margin: auto;  font-family: Arial, Helvetica, sans-serif;  letter-spacing: 2.5px;   font-style: normal;  color: #666;  font-size: 12px;   width: auto;
}

#container {   
	width: 820px;  
}

#header{
  margin-left: auto;   margin-right: auto;
}

#leftSide{
  width: 75%;  float: right;
}

#rightSide{
  width: 25%;  float: right;
}

#seperator{
  float: right;
  background-image: url(../images/sep.jpg);
  background-repeat: repeat-y;
  background-position: right top;
  z-index: 1;	
}

#bottom { 
  width: 100%;
  float: both;
}

#footer { 
  background-image: url(../images/footer-background.jpg);
  background-repeat: repeat-x;
  text-align: center;
}


#linklist {
  margin: 0 auto;
}

#langBox {
	FLOAT: both; text-align: center;
}

/* login*/
#loginForm {
	background-color: #F6F6F6;
	margin: 0px;
}

#loginForm .login_element {
	height: 35px;
}

#loginForm .login_element .login_label{
	display: inline;
}
		
#loginForm .login_element .login_field{
	display: inline;
}

#navMenu {
  font-family: Arial, Helvetica, sans-serif;  
  letter-spacing: 2.5px;   
}
#navMenu H3 {
	PADDING: 8px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	text-align: center;
	background-color: #D6D6D6;
	margin: 0px;
}
#navMenu UL {
	LIST-STYLE-TYPE: none; 
	PADDING: 5px 5px;
	padding-bottom: 10px; 
	background-color: #F6F6F6;
	margin: 0px;
}
#navMenu UL LI {
	MARGIN: 3px; 
	PADDING-TOP: 9px; 
}
#navMenu UL LI A {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	VERTICAL-ALIGN: top; 
	TEXT-DECORATION: none
}

#steps {
	CLEAR: both; 
	Z-INDEX: 9; 
	FLOAT: both; 
}
#steps UL LI A {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	RIGHT: 10px; 
	VERTICAL-ALIGN: top; 
	TEXT-DECORATION: none
}


#footer TR{
  margin: 0px 0px 0px 0px;
}
		
#footer TD{
  padding: 3px 6px 1px 6px;
  border-right: 1px solid #fff;
}
		
#footer TD.last-rtl {
  border-right: 1px solid #fff;
}
#footer TD.last-ltr {
  border: none;
}
#footer TD.first-ltr {
  border-right: 1px solid #fff;
}
#footer TD.first-rtl {
  border: none;
}

#footer a {
  color: #fff;
  letter-spacing: 1.5px;
  text-decoration: none;
}

#pageMenu TD {
	padding: 0px 6px;
	border-right: 1px solid #999999;
}
		
#pageMenu TD.last-rtl {
	border-right: 1px solid #999999;
}
#pageMenu TD.last-ltr {
	border: none;
}
#pageMenu TD.first-rtl {
	border: none;
}
#pageMenu TD.first-ltr {
	border-right: 1px solid #999999;
}

#pageMenu a {
  display: block;  
  font-family: Arial, Helvetica, sans-serif;  
  letter-spacing: 1px;   
  font-style: normal;  
  color: #666;  
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  padding: 1px 3px 1px 3px;
}

#pageMenu a:hover {
  color: #1958A7;
}

/*static pages */
#main{
  position: relative;	
  width: 100%;
  margin-top: 15px;
  margin-right: 5px;
  margin-left: 5px;
  padding-top: 10px;
}

#telepayment {
  width: 150px;
  padding: 0px,0,0,0px;
}

#main .main_full{
  padding: 0px 10px 0px 10px;
  margin: 20px 0px 20px 0px;
  width: 500px;
}

#main .main_full p{
  text-align: justify;
}

#main .main_full .button{
  clear: both;
}

#main .main_full ul li{
  text-align: justify;
}

#main .main_full p.list{
  padding: 0;
  margin: 5px;
}

#main .main_right{
  padding: 0px 10px 0px 10px;
  margin: 20px 0px 20px 0px;
  width: 390px;
}

#main .main_right p{
  text-align: justify;
}

#main p a{
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
}


#main .main_right .telepeleTable{
  margin-right: 20px;
}

#main .main_left{
  float: left;
  width: 180px;
  position: relative;
/*  border: 1px solid #999;*/
}

#main .main_left .main_top{
  float: left;
  margin-top: 20px;
  width: 100%;
  height: 180px;
}

#main .main_left .main_bottom{
  float: left;
  top: 70px;
  width: 100%;
  height: 180px;
}

/*app pages */
#app{
  position: relative;	
  width: 520px;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-right: 10px;
  margin-left: 10px; 
  padding-top: 10px;
  background-image: url(../images/bg_big.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  z-index: 1;	
  min-height: 500px; 
}

#app .image{
  	position: absolute; 
	margin-top: 50px;
}


/*screens */
#report_result{
  position: absolute;
  float: right;
  margin-top: 0px;
  right: 200px;
}

#phone{
 height: 145px;
}

#card{
 height: 145px;
}

.form_element {
  clear: both;
  margin: 0 20px 8px 0;
  padding: 4px;
  position: relative;
  height: 20px;
  width: 300px;
}

.form_element .form_label {
	width: 150px;
	position: relative;
	right: 0px;
	top: 0px;
	font-size: 12px; 
	letter-spacing: 1px;
}

.form_element .form_field_text {
	float: right;	
	width: 150px;
	position: absolute;
	right: 150px;
	top: 0px;
}


#staticForm {
  margin: 10px 5px 0px 0px; 
  float: right;
  height: 250px;
}
	
#staticForm .form_element {
	margin: 0 15px 8px 0;
	padding: 4px;
	position: relative;
	height: 20px;
	width: 300px;
}

#staticForm .form_element .form_label {
	width: 150px;
	position: relative;
	right: 0px;
	top: 0px;
}

#staticForm .form_element .form_field_text {
	float: right;	
	width: 150px;
	position: absolute;
	right: 150px;
	top: 0px;
}

#address{
  width: 100%;
  margin-top: 20px;
  margin-right: 5px;
}

#address ul {
  list-style: none;
  margin-right: 0;
  position: relative;	
}

#address ul li{
  float: right;
  padding: 0px 0px 0px 0px;  
  margin: 3px; 
}

#report {
/*	margin: 30px 25px 0px 0px; 
	width: 480px; */	
}

#report p{
/*  margin: 10px 10px; */

}

#form {
  padding: 10px 10px 10px 10px; 
}


/*campaign type*/
#form .type_element {
	position: relative;
	height: 150px; 
}

#form .type_element ul {
	border: none;
	position: relative;
	list-style: none;
	bottom: 20px;
	margin: 5px;
}

#form .type_element ul li a{
	font-size: 11px;
  	font-weight: normal;
  	vertical-align: top;
  	text-decoration: none;
}

#form .form_element {
	clear: both;
	margin: 0 0 8px 0;
	padding: 0px;
	position: relative;
	height: 20px;
/*	width: 300px;*/
/*		border: 1px solid #999;*/
}

#form .form_element .form_label {
	width: 150px;
	position: relative;
	right: 0px;
	top: 0px;
}

#form .form_element .form_field_text {
  float: right;	
  width: 150px;
  position: absolute;
  right: 150px;
}

#view {
  width: 480px;
  margin: 30px 25px 30px 25px; 
}

#view .title{
  margin-top: 15px;
  margin-right: 10px;
  marging-bottom: 10px;
  margin-left: 10px;
  padding: 0px;
  letter-spacing: 2.5px;
/*  height: 30px; */
}

#view .msg_part .sms{
  float: right;
  margin-top: 0px;
  margin-right: 10px;
  width: 400px;
}

#view .msg_part p{
  margin: 10px 10px;
}

#view .msg_part{
  float: right;
  margin-top: 5px;
  width: 100%;
  border-top: 1px #1958A7 solid;
}

#messages {
  margin: 30px 25px 0px 25px; 
  width: 480px;
}

#cash{
  width: 480px;
  margin: 30px 25px 0px 0px; 
}

#cash p{
  margin: 0px;
  clear: both;
}

#float_button {
  position: relative;
/*  border: 1px solid #999;*/
  margin-top: -30px;
  margin-left: 50px;
  float: left;
}

#tab1_button {
  position: relative;
/*  border: 1px solid #999;*/
  margin-top: -35px;
  margin-right: 65px;
  float: right;
}

#buttons {
  float: left;
  margin-top: 10px;
  margin-left: 45px;
  margin-bottom: 10px;
}

#buttons ul {
  list-style: none;
  float: left;
  position: relative;	
}

#buttons ul li{
  float: left;
  padding: 0px 0px 0px 0px;  
  margin: 5px; 
}
	
#buttons_right ul {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 20px;
   border-bottom: 1px #1958A7 solid;
  }
  
#buttons_right li {
  float: right;
  position: relative;
  padding-left: 10px;
  }
  
#groups{
  position: absolute;
  display: none;
  background: #fff;
  width: 250px;
  margin-right: 75px;
  margin-left: 75px;
  border: 1px #999 solid;
  z-index: 3;	
}

#groups p{
  margin: 2px;
}

.selectBox {
  position: absolute;
  display: none;
  background: #fff;
  width: 250px;
  margin-right: 75px;
  margin-left: 75px;
  border: 1px #999 solid;
  z-index: 3;	
}

.selectBox p{
  margin: 2px;
}


#faq a {
  display: inline; 
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
}
#faq a:hover {
  color: #1958A7;
}

#faq ul li{
  padding-top: 5px;
}