@font-face {
      font-family: Avenir,Arial,Helvetica;
      src: url(Avenir.ttf);
    }


body {
  font-size: 12px;
 /* font-family: Arial, Helvetica, sans-serif; */
  font-family: Avenir,Arial,Helvetica;
  margin-top: 0;
  text-align: center;
}

a {
  color: #FF0000;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

input,
select {
  border: 1px solid #CFCFCF;
  font-size: 11px; 
  * font-size: 10px; 
}
input.input_editable {
	float:left;
	width:210px;
	margin-left:2px;
	padding-left:4px;
	border:1px solid transparent;
	background-color:transparent;
}
input.input_editable:hover, input.input_editable:focus {
	border:1px solid #CFCFCF;
	background-color:#FFFFFF;
}

.validationError{
	text-align: left;
	font-size: 11px;
	padding-left: 148px;
	color: #FF4422;
}

/* ================== common style ================== */
#product_logo {
	width: 830px;
	height: 76px;
	background: #FF0000 url(../img/background/codetel_banner.jpg) no-repeat 1%;
	display: block;
	border: #FF0000 solid 2px;
}
#content_frame_wrapper {
	padding-bottom: 50px;
	width: 830px;
	overflow: hidden;
/*	background: #FFFFFF url(../img/background/bg_main.gif) repeat-y top; */
  border-left: #FF0000 solid 2px;
	border-right: #FF0000 solid 2px;
	border-bottom: #FF0000 solid 2px;
}
#content_frame {
	padding: 30px 0px 0px 0px;
}
.invisible{
	display:none;
}
/* ============== registration -  ============== */
/** default content top, body and bottom **/
#content_top {
  margin: 0px auto;
  width: 426px;
  height: 13px;
  background: url(../img/background/bg_content_head.gif) no-repeat	left center;
}
#content_body {
  margin: 0px auto;
  padding: 0;
  width: 426px;
  overflow: hidden;
  background: url(../img/background/bg_content_body.gif) repeat-y left center;
}
#content_bottom {
  margin: 0 auto;
  width: 426px;
  height: 25px;
  background: url(../img/background/bg_content_footer.gif) no-repeat left center;
}
/** special content top, body and bottom **/

.registration #content_top,
#configuration_sent #content_top {
  background:transparent url(../img/background/bg_content_head_big.gif) no-repeat scroll center bottom;
  height:13px;
  width:660px;
}
.registration #content_body,
#configuration_sent #content_body {
  background:transparent url(../img/background/bg_content_body_big.gif) repeat-y scroll left center;
  width:660px;
}
.registration #content_bottom,
#configuration_sent #content_bottom{
  background:transparent url(../img/background/bg_content_footer_big.gif) no-repeat scroll center top;
  height:25px;
  width:660px;
}

.pin {
  font-weight: bold;
  color: red;
  font-size: 16px;
  text-align: center;
  margin-top: 0;
  margin-bottom:12px;
}

/* ================================= common spacing =============================== */

.indent_right {
	margin-left: 50px;
}
.indent_right_lil {
	margin-left: 20px;
}
.indent_right_big {
	margin-left: 80px;
}
.indent_right_very_big {
	margin-left: 100px;
}

.indent_left {
	margin-right: 50px;
}
.indent_left_lil {
	margin-right: 20px;
}
.indent_left_big {
	margin-right: 80px;
}
.indent_left_very_big {
	margin-right: 100px;
}
.text_letf{
	text-align:left;
}
.text_center{
	text-align:center;
}
.text_right{
	text-align:right;
}
.float_left{
	float: left;
}
.float_right{
	float: right;
}




.checkbox_field {
  width:80px;
}

.indent_big {
	margin-right: 80px;
}

.text_direction {
	text-align: left;
}

.text_antidirection {
	text-align:right;
}

.float_direction {
	float: left;
}

.float_antidirection {
   float:right;
}

.info_bubble {
width:80px;
}



/* ================================= end common spacing =============================== */

/** end content container*/
body>div {
	position: relative;
	margin: 0px auto;
	width: 830px;
	border: medium none;
}

/* ================================= user template =============================== */
#content_frame_left {
	float: left;
	padding: 50px 4px 0px 12px;
	width: 129px;
}
.registration #content_frame_left {
	padding-top: 34px;
}
#content_frame_left #deviceImage_v {
	width: 124px;
	height: 151px;
	line-height: 151px;
	border: 1px solid #CFCFCF;
	text-align: center;
	margin-bottom: 10px;
	background-color: #f9fafa;
}
#content_frame_left #deviceImage_v #deviceImage_h  {
	margin: 20px auto;
}
#content_frame_left .deviceImage_desc {
	width: 115px;
	font-weight: bold;
	text-align: center;
}

#content_frame_right {
	float: left;
	padding-top: 28px;
	margin-left: 4px;
	width: 666px;
	overflow: hidden;
}

#content_right_wrapper{
	background-color:#F9FAFA;
	border:1px solid #CFCFCF;
	margin-top: 20px;
}

#impressum {
	clear: both;
	position: relative;
	margin-top: -31px;
	width: 830px;
	text-align: center;
	font-size: 10px;
}

ul#footerlinks {
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

ul#footerlinks li {
	display: inline;
	text-align: center;
}

#product_bottom {
	height: 10px;
	/* background: #FFFFFF url('../img/background/bg_footer.gif') no-repeat top center; */
}

#status_bar{
    height: 25px;
	font-size: 14;
	font-weight: bold;
    color: red;
	text-align: left;
	width: 600px;
	margin-top: 431px;
	padding-left:295px;
}

.mb_status{
	font-size: 14;
	font-weight: bold;
  	color: #0067C6;
	text-align: center;
}

#copyright p {
	width: 830px;
	text-align: center;
	font-size: 10px;
	color: #999999;
}
#content_right_wrapper{
	background-color:#F9FAFA;
	border:1px solid #CFCFCF;
}
/* ============================== end user template ============================= */

/** ============== status bar ========= **/
.navigation_div {
  position: relative;
  color: gray;
  font-weight: bold;
  font-size: 12px !important;
  padding: 6px 6px 6px 6px;
  margin: 0px auto;
  height: 30px;
  vertical-align: bottom;
}


.navigation_user_icon  {
width:25px;
}

.user_info {
  text-align: left;
  float: left;
  vertical-align:bottom;
}
.user_image_class {
  width: 16px;
  float: left;
  margin-right:4px;
  vertical-align:bottom;
}
.accounts_class {
  position: relative;
  float: left;
  vertical-align:bottom;
}
.navi-top-r {
  position: relative;
  float: right;
  vertical-align:bottom;
}
.navi-top-r a {
  color: gray;
  background-color: inherit;
}
.navi-top-r a:visited {
  color: gray;
  background-color: inherit;
}
.navi-top-r a:hover {
  color: gray;
  background-color: inherit;
}
/** ============== status bar END ========= **/

#operator_settings {
	margin: 0;
	padding: 0;
}
#standarad_device_selection {
	text-align: center;
}
#device_grid {
	text-align: center;
}

/* ---------------------------- */
.page_title {
  margin: 0px;
  padding: 20px 50px;
  font-size: 18px;
  font-weight: bold;
  color: #FF0000;
  text-align: center;
}
.page_title_medium {
  margin: 0px;
  padding: 10px 50px;
  font-size: 14px;
  font-weight: bold;
  color: #FF0000;
  text-align: center;
}
.paragraph_body_bold {
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
.paragraph_body_bold_red {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	text-align: left;	
	font-size: 12px;
	font-weight: bold;
	font-style:italic;
	padding-left: 35px;
	color: #FF4422;
}
#account_registration .paragraph_body_bold {
  padding-left: 35px;
  padding-right: 35px;
}
#message_page {
	margin: 0 auto;
	width: 830px;
}
#message_page .paragraph_body {
	text-align: center;
}
.paragraph_body_center {
	text-align: center;
}
.paragraph_body {
  color:#6A6A6A;
  margin:0;
  padding-bottom: 10px;
  text-align:left;
  font-size:12px;
  font-weight:normal;
}
#account_registration .paragraph_body {
  padding-left: 35px;
  padding-right: 35px;
}
.paragraph_body_email {
  color:#6A6A6A;
  margin:0;
  text-align:left;
  font-size:12px;
  font-weight:normal;
  padding: 10px;
}

.tab_content_wrapper {
  text-align: center;
  width: 660px;
  float: left;
}

.tab_content {
	width: 426px;
	margin: 0px auto;

	font-size:12px;
	font-weight:normal;
	padding: 0px;
	text-align: left;
}

.mb_tab_content {
	width: 500px;
	margin: 0px auto;
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	text-align: left;
}

div.form_row {
  width: 426px;
  padding-left: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}
div.form_row_ {
  width: 426px;
  padding-left: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

div.form_row .form_label {
  position: relative;
  float: left;
  text-align: right;
  padding-right: 4px;
  width: 130px;
}
div.form_row .form_input {
  width: 228px;
  float: left;
}
div.button_row_right {
	padding-top: 5px;
  padding-right: 20px;
  text-align: right;
	overflow: hidden;
	float:right;
	
}
div.button_row_center {
  padding-top: 10px;
  padding-bottom: 0px;
  text-align: center;
}
div.row_no_bottom_padding{
  width: 426px;
  padding-left: 10px;
  overflow: hidden;
  line-height:20px;
}

div.horizontal_line_wrapper {
  text-align: center;
	/*margin: 0;
	padding: 0; */
  height: 20px;
  overflow: hidden;
	margin-top: 35px;
}
div.horizontal_line {
  height: 0;
  border: 0px;
  border-top: 1px solid #BBB;
  width: 50%;
  margin: 10px auto;
}

.form_checkbox {
	margin-left: 50px;
	margin-right: 8px;
}
.pad_2nd_col {
	margin-left: 80px;
}
.filter_grid {
	margin-left: 90px;
	text-align: left;
	font-size:12px;
	font-weight:normal;
}
.tab_content_l2 {
	width: 426px;
	font-size:12px;
	font-weight:normal;
}

/* ================= Form Factor ================*/
div.form_factor_container {
	overflow: hidden;
	width: 360px;
  	padding: 10px 0px;
  	position: relative;
	margin: 0px auto;
}
div.form_factor_element_v {
	overflow: hidden;
	display: inline;
	margin: 0px auto;
	float: left;
	position: relative;
	text-align: center;
	width: 60px;
	height: 60px;
}
div.form_factor_element_h {
	width: 60px;
	height: 60px;
	line-height: 60px;
}
div.form_factor_element_h span,
div.form_factor_element_h a,
div.form_factor_element_h img {
	vertical-align: middle;
}
div.form_factor_element_h img {
	height:60px;
	border: 0px none;
}
/* ================= end Form Factor ================*/

/* ================= Devices Grid ================*/
div.grid_container {
	margin-bottom: 25px;
	width: 400px;
	height: 390px;
	padding: 5px ;

  	border: 1px solid #cfcfcf;
	overflow: auto;
	position: relative;
	margin: 0px auto;
}
div.grid_element_v {
	width: 90px;
	height: 130px;
	float: left;
}
div.grid_element_v div.grid_element_model {
	padding-top: 4px;
	color: #0066ff;
}
div.grid_element_h {
	width: 90px;
	height: 90px;
	line-height: 90px;
}
div.grid_element_h span,
div.grid_element_h a,
div.grid_element_h img {
	vertical-align: middle;
}
div.grid_element_h img {
	height:90px;
	border: 0px none;
}
/* ================= end Devices Grid ================*/

/* ================= Welcome Grid ================*/
div.welcome_grid_container {
	margin: 25px auto;
	width: 292px;
	height: 200px;
	padding: 5px ;
}
div.welcome_grid_container a {
	width: 140px;
}
div.welcome_grid_element_v {
	width: 140px;
	height: 100px;
	float: left;
}
div.welcome_grid_element_h {
	width: 140px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
}
div.welcome_grid_element_model {
	width: 140px;
	height: 40px;
	padding-top: 4px;
	color: #0066ff;
}
div.welcome_grid_element_h span,
div.welcome_grid_element_h a,
div.welcome_grid_element_h img {
	vertical-align: middle;
}
div.welcome_grid_element_h img {
	border: 0px none;
	margin-top: 20px
}
/* ================= end Welcome Grid ================*/

/* ================= Buttons ================*/
.blankButtonEnabled,
.blankButtonDisabled {
  line-height: 30px;
  padding: 5px 33px;
  text-align: center;
  text-decoration: none;
  background: url(../img/buttons/blank_button.gif) no-repeat center center;
}
.blankButtonWideEnabled,
.blankButtonWideDisabled {
  line-height: 30px;
  padding: 5px 21px;
  text-align: center;
  text-decoration: none;
 /* background-color:green; */
  background: url(../img/buttons/blank_button_2.gif) no-repeat center center;
}
.blankButtonEnabled:hover {
  background-image: url(../img/buttons/blank_hover.gif);
}

.blankButtonWideEnabled:hover {
	background-image: url(../img/buttons/blank_button_2_hover.gif);
}

.blankButtonDisabled,
.blankButtonWideDisabled {
  color: #999999;
}
.imageButtonEditEnabled {
  line-height: 40px;
  background: url(../img/buttons/edit.png) no-repeat center center;
  height: 26px;
  width: 26px;
  display: block;
}
.imageButtonDeleteEnabled {
  line-height: 40px;
  background: url(../img/buttons/delete.png) no-repeat center center;
  height: 26px;
  width: 26px;
  display: block;
}
.imageButtonDeleteDisabled {
  line-height: 40px;
  background: url(../img/buttons/delete_disabled.png) no-repeat center center;
  height: 26px;
  width: 26px;
  display: block;
}
/* ================= end Buttons ================*/

/* =================== IMAP/POP3 ====================== */
div.form_row .imap_colInOut {
  position: relative;
  margin: 0 auto;
  float: left;
  margin-right: 8px;
  white-space: nowrap;
  text-align: right;
  width: 100px;
}
div.form_row .imap_colHost {
  position: relative;
  margin: 0 auto;
  float:left;
  margin-right: 8px;
  width: 130px;
  text-align: left;
}
div.form_row .imap_colPort {
  position: relative;
  margin: 0 auto;
  float:left;
  margin-right: 8px;
  width: 40px;
  text-align: left;
}
div.form_row .imap_colSecure {
  position: relative;
  margin: 0 auto;
  float:left;
  margin-right: 8px;
  width: 20px;
  text-align: left;
}
/* =================== end IMAP/POP3 ====================== */

/* =================== Node ====================== */
.node_closed, .node_open{
	margin-left:58px;
	padding-top:4px;
	padding-left:20px;
}
.node_closed{
	background:transparent url(../img/common/node_closed.gif) no-repeat scroll left top;
}
.node_open{
	background:transparent url(../img/common/node_open.gif) no-repeat scroll left top;
}
.node_open:hover, .node_closed:hover{
	cursor:pointer;
}
/* =================== end Node ====================== */

/* =================== Data Table ====================== */
#home_page #content_frame_right {
	padding-top: 50px;
}
.dataTable{
	border: #cfcfcf 1px solid;
}

.dataTable .sendResendClass{
 padding-left: 10px;
}

.dataTable .header {
	background-color: #F0F0F0;
	text-align: center;
	padding: 2px;
}
.dataTable .column {
	text-align: center;
	padding: 2px;
}
.dataTable .img_btn_column {
	text-align: center;
	padding: 2px;
	width: 24px;
	height: 24px;
	padding: 2px 10px;
}
.dataTable .oddRow {
	background-color: #F6F5F5;
}
.dataTable .evenRow {
	background-color: #FFFFFF;
}
/* =================== end Data Table ====================== */

/* ================================== Tabbed ================================== */
#mainform\3Atp0Acc_headerCell input{
  background-image: url(../img/user_small.png);
  background-repeat: no-repeat;
  background-position: 2px 3px;
  height:21px;
}
#mainform\3Atp0Push_headerCell input{
  background-image: url(../img/phone_small.png);
  background-repeat: no-repeat;
  background-position: 2px 3px;
  height:21px;
}
#mainform\3Atp0Filter_headerCell input{
  background-image: url(../img/filter_small.png);
  background-repeat: no-repeat;
  background-position: 2px 3px;
  height:21px;
}
#mainform\3Atp0Device_headerCell input{
  /*background-image: url(../img/setup_small.gif);*/
  background-repeat: no-repeat;
  background-position: 2px 3px;
  height:21px;
}
#mainform\3Atp0Notification_headerCell input{
  /*background-image: url(../img/setup_small.gif);*/
  background-repeat: no-repeat;
  background-position: 2px 3px;
  height:21px;
}
#mainform\3Atp0Cp_headerCell input{
  /*background-image: url(../img/setup_small.gif);*/
  background-repeat: no-repeat;
  background-position: 2px 3px;
  height:21px;
}
.myFaces_panelTabbedPane_pane{
  padding-bottom:25px;
}
.myFaces_panelTabbedPane_activeHeaderCell,
.TabStyleClass_active  {
	border: #cfcfcf 1px solid;
	border-bottom: 0px none;
	background-color: #f9fafa;
}
.myFaces_panelTabbedPane_inactiveHeaderCell,
.TabStyleClass_inactive  {
	border: #cfcfcf 1px solid;
	background-color: transparent;
}

.myFaces_pannelTabbedPane_subHeaderRow,
.myFaces_panelTabbedPane_subHeaderCell_active,
.myFaces_panelTabbedPane_subHeaderCell_inactive,
.SubStyleClass_active,
.SubStyleClass_inactive {
	height: 0;
	border: 0px none;
	width: 150px;
}
.myFaces_panelTabbedPane_subHeaderCell_first {
	border-left: #cfcfcf 1px solid;
}
.myFaces_panelTabbedPane_subHeaderCell_last {
	border-top: #cfcfcf 1px solid;
	border-right: #cfcfcf 1px solid;
}

.myFaces_panelTabbedPane_pane,
.ContentStyleClass_tab {
	border: #cfcfcf 1px solid;
	border-top: 0px none;

	padding-left: 0px;
	padding-right: 0px;
}

	/*
#mainform\3Atp0Acc_headerCell,
#mainform\3Atp0Phone_headerCell,
#mainform\3Atp0Push_headerCell,
#mainform\3Atp0Filter_headerCell,

#mainform\3Atp0Acc_headerCell input,
#mainform\3Atp0Phone_headerCell input,
#mainform\3Atp0Push_headerCell input,
#mainform\3Atp0Filter_headerCell input {
	color: #331144;
	background-color: transparent;
	text-align: center;
	margin: auto;
	width: 150px;
}
	/*
#mainform\3Atp0Filter\3Asubtp30Email_headerCell,
#mainform\3Atp0Filter\3Asubtp30Appoint_headerCell,
#mainform\3Atp0Filter\3Asubtp30Task_headerCell,
		 */
#mainform\3Atp0Filter\3Asubtp30Email_headerCell input,
#mainform\3Atp0Filter\3Asubtp30Appoint_headerCell input,
#mainform\3Atp0Filter\3Asubtp30Task_headerCell input {
	color: #331144;
	background-color: transparent;
	text-align: center;
	margin: auto;
	width: 100%;
}
.myFaces_pannelTabbedPane_HeaderRow {
	background-color: transparent;
}

.myFaces_pannelTabbedPane_subHeaderRow,
.myFaces_panelTabbedPane_contentRow {
	background-color: #f9fafa;
}

/*---- overwirte for filter tab ----*/
#filter_tab .myFaces_panelTabbedPane_activeHeaderCell,
#filter_tab .TabStyleClass_active  {
	border: #cfcfcf 1px solid;
	border-bottom: 0px none;
	background-color: #f6f5f5;
}
#filter_tab .myFaces_pannelTabbedPane_subHeaderRow,
#filter_tab .myFaces_panelTabbedPane_contentRow {
	background-color: #f6f5f5;
}

/* ================================== End Tabbed ================================== */

/* =================== BlackList/ WhiteList ====================== */
.whiteList, .blackList {
	width:275px;
}
.add_btn_container {
	/*width: 340px;*/
	width: 141px;
	float:right;
	padding-bottom: 10px;
}
#whiteListContainer, #blackListContainer{
	padding-left:20px;
}
/* =================== end BlackList/ WhiteList ====================== */
#sms_authentication .paragraph_body {
	text-align: center;
}



/* =================== Modal Dialog  =============================0=== */
.mask{
position: fixed;
top: 0px;
left: 0px;
height:100%;
width:100%;
margin:0px;
padding:0px;
}
   
   
* html .mask { /* ie6 hack    is now in script.js :  */
position: absolute;
}


#popUpMask {
z-index:199;
background-color:gray;
-ms-filter: "Alpha(Opacity=70)"; /* IE 8 */
filter:alpha(opacity=70); /* IE5-7 */
-moz-opacity: 0.70; /* Mozilla */
opacity: 0.70;
}


#popUpDialog{
z-index:200;
background:transparent;
}


#popUpDialog .tab_content {
width: 280px;
margin-top: 160px;
background-color: #fff;
border: 1px solid #4090FC;
padding: 15px;
}


#popUpDialog p {
margin-bottom: 40px;
text-align: center;
font-weight: bold;
}

/* Alignment center for (2) button*/
div.button_row_center2{
	padding-top: 5px;
	padding-right: 20px;
	padding-left:143px;
	text-align: right;
	overflow: hidden;
	float:left;
}

/* Alignment center for (1) button*/
div.button_row_center1{
	padding-top: 5px;
	padding-right: 20px;
	padding-left:143px;
	text-align: right;
	overflow: hidden;
	float:left;
	margin-left: 35px;
}


#content_frame_left .deviceButton {
	width: 130px;
	padding-left: 16px;
}

.deviceButtonLeftSpace {
width:12px;
}


.blankButtonLeft, .blankButtonLeftDisabled{
    	background: transparent url(../img/buttons/blank_button_left_1.gif) no-repeat top left;
				display: block;
				float: left;
				line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
				height: 24px; /* Height of button background height */
				padding-left: 10px; /* Width of left menu image */
				padding-right: 10px;
				text-decoration: none;
				min-width: 60px;
				text-align: center
}

.blankButtonLeftDisabled{
    	color: #999999;
}


.deviceButtonHolder {
	padding-left: 22px;
}



.blankButtonLeftDisabled span{
				background: transparent url(../img/buttons/blank_button_right_1.gif) no-repeat top right;
				display: block;
				padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.blankButtonLeft span{
				background: transparent url(../img/buttons/blank_button_right_1.gif) no-repeat top right;
				display: block;
				padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.blankButtonLeft:hover{ /* Hover state CSS */
				background-image: url(../img/buttons/blank_button_left_hover.gif);
}

.blankButtonLeft:hover span{ /* Hover state CSS */
				background-image: url(../img/buttons/blank_button_right_hover.gif);
}