@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Regular.eot');
    src: url('../fonts/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-Regular.ttf') format('truetype'),
         url('../fonts/Ubuntu-Regular.svg#Ubuntu') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face { 
    font-family: 'Ubuntu-Bold';
    src: url('../fonts/Ubuntu-Bold.eot');
    src: url('../fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-Bold.ttf') format('truetype'),
         url('../fonts/Ubuntu-Bold.svg#Ubuntu-Bold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Ubuntu-Light';
    src: url('../fonts/Ubuntu-Light.eot');
    src: url('../fonts/Ubuntu-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-Light.ttf') format('truetype'),
         url('../fonts/Ubuntu-Light.svg#Ubuntu-Light') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
@font-face {
    font-family: 'Ubuntu-Italic';
    src: url('../fonts/Ubuntu-Italic.eot');
    src: url('../fonts/Ubuntu-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-Italic.woff') format('woff'),
         url('../fonts/Ubuntu-Italic.ttf') format('truetype'),
         url('../fonts/Ubuntu-Italic.svg#MovistarTextRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Ubuntu-BoldItalic';
    src: url('../fonts/Ubuntu-BoldItalic.eot');
    src: url('../fonts/Ubuntu-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-BoldItalic.woff') format('woff'),
         url('../fonts/Ubuntu-BoldItalic.ttf') format('truetype'),
         url('../fonts/Ubuntu-BoldItalic.svg#MovistarTextBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Ubuntu-Italic';
    src: url('movistartext-bold-webfont.eot');
    src: url('movistartext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('movistartext-bold-webfont.woff') format('woff'),
         url('movistartext-bold-webfont.ttf') format('truetype'),
         url('movistartext-bold-webfont.svg#MovistarTextBold') format('svg');
    font-weight: bold;
    font-style: normal;

}



@font-face {
    font-family: 'Ubuntu-LightItalic';
    src: url('movistartext-bold-webfont.eot');
    src: url('movistartext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('movistartext-bold-webfont.woff') format('woff'),
         url('movistartext-bold-webfont.ttf') format('truetype'),
         url('movistartext-bold-webfont.svg#MovistarTextBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Ubuntu-Medium';
    src: url('movistartext-bold-webfont.eot');
    src: url('movistartext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('movistartext-bold-webfont.woff') format('woff'),
         url('movistartext-bold-webfont.ttf') format('truetype'),
         url('movistartext-bold-webfont.svg#MovistarTextBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Ubuntu-MediumItalic';
    src: url('movistartext-bold-webfont.eot');
    src: url('movistartext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('movistartext-bold-webfont.woff') format('woff'),
         url('movistartext-bold-webfont.ttf') format('truetype'),
         url('movistartext-bold-webfont.svg#MovistarTextBold') format('svg');
    font-weight: bold;
    font-style: normal;

}*/


html{
	background: #FFFFFF url(../images/buleboo/background.png) no-repeat center top !important;
}

body{
	color: #333333 !important;
	/* bg2.png 
	bg3.jpg
	body-bg.jpg*/
	/*background: #FFFFFF url(../images/buleboo/background.png) no-repeat center top !important;*/
	background: transparent url(../images/buleboo/cabecera2.png) no-repeat center 35px !important;
	font: 14px/16px Ubuntu, Verdana !important;
	font-family: Ubuntu, Verdana !important;
	position: static;
}

.ui-widget{
	font: 14px/16px Ubuntu, Verdana !important;
	font-family: Ubuntu, Verdana !important;
}

#comment_form h4{
 margin-right: 10px;
}

#comment_form .control-group{
overflow: hidden;
}

#comment_form input{

height: 23px;
}
 #comment_form select{
height: 32px;
}
#comment_form textarea{
resize: none !important;
margin-bottom: 10px;
}
#subject,#comment{
width: 550px;
}
.section-title{
padding: 5px;
}

.btn-custom {
  background-color: hsl(105, 30%, 34%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#89b77a", endColorstr="#49703c");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#89b77a), to(#49703c));
  background-image: -moz-linear-gradient(top, #89b77a, #49703c);
  background-image: -ms-linear-gradient(top, #89b77a, #49703c);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89b77a), color-stop(100%, #49703c));
  background-image: -webkit-linear-gradient(top, #89b77a, #49703c);
  background-image: -o-linear-gradient(top, #89b77a, #49703c);
  background-image: linear-gradient(#89b77a, #49703c);
  border-color: #49703c #49703c hsl(105, 30%, 27.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
  -webkit-font-smoothing: antialiased;
}

#header{
	width:100%;
	height: 132px;
}
.step-progress{
height:90px;
width:808px;
padding-left:4px;
padding-right:4px;
}

.actionbox{
padding-left:4px;
padding-right:4px;
width:808px;
height:462px;
background: transparent url(../images/buleboo/box-bg.png) no-repeat left top;
}

.content_part{
background: transparent url(../images/buleboo/border-traco.png) repeat-x left bottom;
margin-bottom: 15px;
margin-top: 0px;
margin-right: 0px;
padding-bottom: 5px;
margin-left:15px;
}

.content_part_blank{
background: transparent none repeat-x left bottom;
margin-bottom: 15px;
padding-bottom: 5px;
margin-left:15px;
}

#instalar{
position: absolute;
top: 380px;
}

#content_init{
	margin: 0px 10px 10px 10px;
}

#content_init .box{
	height: 400px;
}


#content_00_00 .box, #content_02_01 .box{
	height: 250px;
}

#content_00_03 .box, #content_00_04 .box{
	height: 302px;
}
#content_install .box{
	height: 350px;
}
#content_00_03 .box{
	height: 302px;
}


form a.ui-button{
	padding: 5px;
}


.imgbox{
	width: 37px;
height: 37px;
top: 21px;
left: 25px;
position:relative;
	float: left;
	line-height: 36px !important;
}
.textBox{
	margin: 20px 0px 0px 80px;
	font-family: Ubuntu-Light !important;
	font-size: 14px;
	font-weight: bold;
}


.step-box{
	background-color: #ffffff;
	border-left: 1px solid #dcdcdc;
	height: 85px !important;
	
	float:left;
}


/* one item */
.step-box:first-child:nth-last-child(1) {
	width: 800px;
}

/* two items */
.step-box:first-child:nth-last-child(2),
.step-box:first-child:nth-last-child(2) ~ .step-box {
	width: 400px;
}

/* three items */
.step-box:first-child:nth-last-child(3),
.step-box:first-child:nth-last-child(3) ~ .step-box {
	width: 266px;
}

/* four items */
.step-box:first-child:nth-last-child(4),
.step-box:first-child:nth-last-child(4) ~ .step-box {
	width: 200px;
}

/* four items */
.step-box:first-child:nth-last-child(5),
.step-box:first-child:nth-last-child(5) ~ .step-box {
	width: 160px;
}


.step-box.current{
color: #02086e;
background: #fafafa url(../images/buleboo/step-selected-bg.png) repeat-x left top !important;
padding-top: 4px;
}

.step-box.done{
	background-color: white !important;
	color: #727c33;
	border-top: 5px solid #727c33;
}

.step-box.todo{
	background-color: white !important;
	color: #dcdcdc;
	border-top: 5px solid #dcdcdc;
}

.step-progress:first-child{
	border-left: none;
}

.step-box .imgbox{
font-family: Ubuntu-Bold;
font-size: 25px;
text-align: center;
}

.step-box.current .imgbox{
	background: transparent url(../images/buleboo/step-current.png);
	color: white !important;
}

.step-box.done .imgbox{
	background: transparent url(../images/buleboo/step-done.png);
	color: #7f893f !important;
}

.step-box.todo .imgbox{
	background: transparent url(../images/buleboo/step-todo.png);
	color: #dbdbdb !important;
}


#headercontainer{
	width:1000px;
	height: 106px;
	margin-left:auto;
	margin-right:auto;
}

#mainScreen{
	width:808px;
	height:562px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	/*background: url("../images/mat/ICM-GWT-header-small-code.png") no-repeat left 0px #FFFFFF !important;*/
	margin-top: 20px;
}

#mainScreenLogin{
height: 463px;
width: 580px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	/*background: url("../images/mat/ICM-GWT-header-small-code.png") no-repeat left 0px #FFFFFF !important;*/
	margin-top: 20px;
}

.linkbutton{
	margin-left:20px;
	text-decoration: none;
	font-size: 12px !important;
	color: #444444 !important;
}
#logocontainer{
	float:left;
	width:284px;
	height:92px;
	margin-top: 15px;
	margin-left: 43px;
	background: transparent url(../images/buleboo/logo2.png) no-repeat center center;
}
#logocontainer_pos{
	float:left;
	width:284px;
	height:92px;
	margin-top: 15px;
	margin-left: 43px;
	background: transparent url(../images/buleboo/logo2_pos.png) no-repeat center center;
}
.screen-panel{
	width:808px;
	/*height:510px;
	background: transparent url(../images/box-bg.png) no-repeat right top;*/
}

#linkset{
	/*width:100%;*/
	padding-top:10px;
	text-align:right;
}

#logoutDiv{
	position:absolute; 
	left:50%;
	top:50px;
	margin-left:350px;
}

#languageDiv{
	position: absolute;
left: 50%;
margin-top: 20px;
margin-left: -90px;
}

#logoutButton{
	height:22px;
	display: none;
}

#buttonsearch,#buttonreadsim{
	width: 220px;
	height: 60px;
	float: right;
	text-align: center;
	margin-right: 20px;
}


.loading{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:transparent url(../images/mat/icm-anim.gif) no-repeat scroll center center;*/
height:120px;
width:200px;
text-align:center;
}

#loading-gif{
margin-top:20px;
margin-bottom:20px;
height: 31px;width: 31px;
margin-left:auto;
margin-right:auto;
background:transparent url(../images/loading-styles.gif);
display:block;
}
#loading-modal{
opacity:0.4;
filter:alpha(opacity=40);

background-color: #81A73A;
cursor: pointer;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
display: block;
opacity: 0.4;

}
/*
.icon-print{
width: 16px;
height: 16px;
background-image: url('../images/print.png') !important;
}
.icon-sms{
width: 16px;
height: 16px;
background-image: url('../images/sms.png') !important;
}
.icon-back{
width: 16px;
height: 16px;
background-image: url('../images/back.png') !important;
}
.icon-email{
width: 16px;
height: 16px;
background-image: url('../images/arroba.png') !important;
}
.icon-bluetooth{
width: 16px;
height: 16px;
background-image: url('../images/bluetooth.png') !important;
}
.icon-refresh{
width: 16px;
height: 16px;
background-image: url('../images/refresh.png') !important;
}*/

.ui-button .ui-button-text {
line-height: 19px !important;
}
.ui-widget-header {
	margin-right: 3px !important;
}

#loading {
border: 4px solid #CCC;
left: 50%;
padding: 2px;
position: absolute;
top: 200px;
margin-left: -100px;
z-index: 20001;
background-color: white !important;
}

#loading-msg{
font-size:12px;
margin-top:150px;
vertical-align:bottom;
}


#screenContainer {
width:100%;
height:100%;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	overflow: auto;
	text-align: justify;
}



#leftControl {
  top:0;
  left:0;
 /* background:transparent url(../images/controls/control_left.jpg) no-repeat 0 0;*/
}

#rightControl {
  top:0;
  right:0;
  /*background:transparent url(../images/controls/control_right.jpg) no-repeat 0 0; */
}

#cList li, #cList22 li{
	margin-left:20px;
	list-style-type: none;
}

#cList p, #cList22 p{
	margin:1px;
}

#leftControlOuter {z-index: 0;height: 550px; width:260px; overflow: hidden; position: absolute; left:50%;top:100px;margin-left:-320px;}
#rightControlOuter {z-index: 0;height: 550px;
    left: 50%;
    margin-left: 100px;
    overflow: hidden;
    position: absolute;
    top: 100px;
    width: 260px;}

.middle {
position: absolute; top: 50%;margin-top: 190px;
} 

.inner 
{
position: relative; top: -50%
}

.leftDiv{
display:inline-block;float:left;
}

.control{
cursor: pointer;
}

.control-disabled{
cursor: default !important;
}

.rightDiv{
display:inline-block;float:left;
}

.slide{
width: 878px;
}

.deviceBox{
margin-left:auto;
margin-right:auto;
margin-top:50px;
width: 300px;
}

.deviceSelected{
margin-left:auto;
margin-right:auto;
width: 250px;
height: 240px;
border: 2px solid #6633FF;
}

.deviceSelected img{
margin-left:auto;
margin-right:auto;
align: center;
}

.deviceBox p{
margin-left:auto;
margin-right:auto;
}

.nodevice-tag{
color:red;
}

.mat-button{
cursor:pointer;
}

#slide1-progressDialog{
position: relative;
}








.slide-skeleton{

width:850px !important;
height:510px !important;
padding:3px !important;
overflow:auto;
position: relative !important;
}



.slide-dialog{
position: relative !important;
width:270px !important;
}

.mat-titlebar{
	margin: 10px 10px 0px 10px !important;
	padding: 5px !important;
}

.listD,.main-device-listView{
overflow: hidden !important;
}

.listD .thumb-wrap {
  margin-top: 30px;
  background-color: transparent;
}

.listD .thumb-wrap span{
color:#7f893f;
font-weight: bold;
display: inline-block;
margin-top: 10px;
width: 100%;
}

span.smallfont{
font-size:10px !important;
}

.listD .thumb{
background: transparent url(../images/buleboo/devices/smartphone.png) no-repeat center center;
height: 165px;
/*margin-bottom: 30px;*/
}

.listD .thumb.apple{
background: transparent url(../images/buleboo/devices/apple.png) no-repeat center center !important;
}
.listD .thumb.adb{
background: transparent url(../images/buleboo/devices/smartphone_adb.png) no-repeat center center !important;
}
.listD .thumb.bb{
background: transparent url(../images/buleboo/devices/bb.png) no-repeat center center !important;
}
.listD .thumb.nokia{
background: transparent url(../images/buleboo/devices/nokia.png) no-repeat center center !important;
}

.listD li{
margin: 0;
width: 163px;
height: 253px;
float: left;
margin-left: 9px;
cursor:pointer;
}

.listD li.selectedli{
background-color: #81A73A;
}

#sendcontacts-email-modal01 label, #sendcontacts-email-modal01 input,#sendcode-email-modal01 label, #sendcode-email-modal01 input,#sendcode-sms-modal01 label, #sendcode-sms-modal01 input,#sendcontacts-email-modal01SIM label, #sendcontacts-email-modal01SIM input,#sendcode-email-modal01SIM label, #sendcode-email-modal01SIM input,#sendcode-sms-modal01SIM label, #sendcode-sms-modal01SIM input{
text-align: center;
width: 98%;
}

.searchingD {
	width: 250px;
	overflow: hidden;
	top: 25px;
	position: absolute;
	right: 0px;
}
.waiting-img {
	width: 16px;
	float: left;
	height: 16px;
	margin-top: 2px;
	background-image: url(../images/devices-radar.gif);
}

.search-msg {
	overflow: hidden;
	width: 200px;
	padding-left: 10px;
	height: 20px;
}

.listD {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
overflow: hidden;
}

.listD .thumb-wrap .img{
padding: 5px;
background: white;
float: left;
}


.text-widget p{
	margin: 10px;
}

.ui-dialog-titlebar-close{
/*display:none !important;*/
}

.toClose .ui-dialog-titlebar-close {
    display: inline !important;
}


.icon-logout{
width: 16px;
height: 16px;
background-image: url('../images/mat/logout.png') !important;
}

.icon-install{
width: 16px;
height: 16px;
background-image: url('../images/mat/install.png') !important;
}


#logoutButton .ui-button-text{
padding-top: 0px !important;
padding-bottom: 0px !important;
}

#code-container-inner p, #code-container-inner22 p{
margin: 1px !important;
}

.box {
display: block;
padding: 20px;
background: #F0F0F0;
margin: 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

#mason-boxes {

padding: 20px;

margin: 20px;

-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: url('../images/mat/content-bg.png') repeat 0 0;

}

#code-container-inner, #code-container-inner22{
margin:5px;
}

h2.hiw-item-title {
	color:#81A73A;
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 10px;
    padding: 4px 0 0 30px;
	height: 30px;
    width: 170px;
}

.hiw-item-text {
    color: #444444;
    margin: 0 0 0 0;
    width: 200px;
}

.row {
    clear: both;
    overflow: hidden;
   /* width: 750px;*/
}

.item{
width: 200px;
float: left;
margin-left:35px;
}

.hiw-item-text li {
    background: url("../images/mat/hiw-point.gif") no-repeat scroll 0 13px transparent;
    list-style: none outside none;
    padding: 6px 0 6px 17px;
}
.hiw-item-text ul {
padding-left: 10px;
}

.hiw-1 {
    background: url("../images/how-123.png") no-repeat scroll 0 0 transparent;
}

.hiw-2 {
    background: url("../images/how-123.png") no-repeat scroll 0 -100px transparent;
}

.hiw-3 {
    background: url("../images/how-123.png") no-repeat scroll 0 -200px transparent;
}

.box li{		
	background: url("../images/hiw-point.gif") no-repeat scroll 0 13px transparent;
    list-style: none outside none;
    padding: 6px 0 6px 17px;
}

#bluetooth-b{
margin-left: 10px;
} 

#send-sms-code-b,#send-sms-code-b22{
margin-top: 10px;
text-align: right;
margin-left: 10px;
margin-right: 10px;
float:right;
}

#send-email-code-b,#send-email-code-b22{
margin-top:10px;
text-align:right;
margin-right:10px;
}

#send-email-cont-b,#send-email-cont-b22{
margin-top:10px;
text-align:right;
margin-right:10px;
}

#print-b,#print-b22{
margin-top:10px;
text-align:right;
margin-right:10px;
}
#back-b,#back-b22{
text-align:right;
float:left;
margin-left: 10px;
}

#back-b0201{

}
#back-b0004{
margin-left: 50px;
margin-top: 50px;

}
#back-b0003{
margin-left: 50px;
margin-top: 50px;

}


#back-b0002{
	float: right;
	margin-right: 50px;
	margin-top: -60px;
}

.text-widget .span-text{
	margin:10px;
}

.appinfo{
width:700px;
}

.appinfo-contentbox{
margin-left:auto;
margin-right:auto;
overflow:hidden;
width: 600px;
}

.appbox{
width:150px;
float:left;
margin-left:25px;
margin-right:25px;
}
.a01_10_QR{
width:140px;
margin:5px;
float:left;
}
.qr_desc{
width:120px;
}


.textmenu-green{
	font-size:18px !important; 
	color:#7f893f;
} 
.headerbutton{
width:53px;
height:53px;
margin-top:1px;
margin-left:1px;
float:left;
}
#buttonayuda{
	background: transparent url(../images/buleboo/buttonayuda2.png) no-repeat center center !important;
	cursor:pointer;
}
#buttonmenu{
	background: transparent url(../images/buleboo/buttonmenu2.png) no-repeat center center !important;
	cursor:pointer;
}

.boxmenu{
width:120px;
height:40px;
float:right;
margin-top: 55px;
}

.boxmenu span{
float: left;
text-align: right;
margin-top: 12px;
margin-right: 4px;
width: 55px;
height: 23px;
display: block;
}

.boxmenu.ayuda{

}
.boxmenu.menu{
}

.stepsubtitle{
font-size:12px;
}

.steptitle{
color:#02086e;
font-size:18px;
font-weight: bold;
}

.mark{
background-color:#02086e;
color:white;
width:26px;
height:22px;

float: right;
text-align: center;
padding-top: 4px;
font-size: 18px;
}

.pagetitle{
font-family: Ubuntu-Bold !important;
font-size: 18px;
line-height:20px;
color:#02086e;
margin-top: 40px;
}

.pagesubtitle{
font-size: 18px;
line-height:20px;
font-weight: bold;
}

.note{
background-color: #eff1ec;
margin-left:15px;
padding: 5px;
}
.note.dark{
background-color: #dedede;
margin-left:0px;
padding: 5px;
}


.footerbutton{
text-align:right;
float:left;
width:96px;
height:30px;
color: white;
padding-top: 6px;
text-align: center;
}

.footerbutton span{
margin-left: 20px;
font-size:18px;
}

#bthnotice{
float: right;
background: transparent url(../images/buleboo/bluetooth.png) no-repeat right top !important;
padding-right: 50px;
width: 150px;
height: 45px;
text-align: right;
}

#bthnotice span{
margin-right: 5px;
float: right;
margin-top: 5px;
color: #02086e;
}

#buttonhome{
background: transparent url(../images/buleboo/button-home.png) no-repeat left top !important;
margin-right: 10px;
cursor:pointer;
}
#buttonback{
background: transparent url(../images/buleboo/button-back.png) no-repeat left top !important;
cursor:pointer;
}

#button01top{
height:185px;
width:180px;
margin-right: auto;
margin-top:97px;
margin-left: auto;
background: transparent url(../images/buleboo/button01top.png) no-repeat left top !important;
text-align: center;
}

#button01top_SIM{
height:185px;
width:180px;
margin-right: auto;
margin-top:97px;
margin-left: auto;
background: transparent url(../images/buleboo/button01top_SIM.png) no-repeat -2px -2px !important;
text-align: center;
}

#button01top_USB{
height:185px;
width:180px;
margin-right: auto;
margin-top:97px;
margin-left: auto;
background: transparent url(../images/buleboo/button01usb.png) no-repeat -2px -2px !important;
text-align: center;
}

#button01top .title1,#button01top_SIM .title1,#button01top_USB .title1{
font-family: Ubuntu-Light;
font-size: 14px;
color: white;
padding-top: 120px;
position: relative;
margin-bottom: 10px;
}

#button01top .title2,#button01top_SIM .title2,#button01top_USB .title2{
font-family: Ubuntu-Bold;
font-size: 24px;
color: white;
}

#button01bottom{
margin-top:15px;
height:35px;
width:180px;
margin-right: auto;
margin-left: auto;
background: transparent url(../images/buleboo/button01bottom.png) no-repeat left top !important;


color: white;
font-size: 18px;
text-align: center;
padding-top: 7px;

}

#button01bottom_SIM{
margin-top:15px;
height:63px;
width:300px;
margin-right: auto;
margin-left: auto;
background: transparent url(../images/buleboo/button01bottom_SIM.png) no-repeat -2px -2px !important;
color: white;
font-size: 26px;
text-align: center;
padding-top: 21px;
}

#button01top_refresh, #USBbutton01top_refresh{
height:187px;
width:182px;
margin-right: auto;
margin-top:97px;
margin-left: auto;
background: transparent url(../images/buleboo/button01top_refresh.png) no-repeat top left !important;
text-align: center;
}
#button01bottom_install, #button01bottom_installMM{
margin-top:15px;
height:35px;
width:180px;
margin-right: auto;
margin-left: auto;
background: transparent url(../images/buleboo/button01bottom_install.png) no-repeat top left !important;
color: white;
font-size: 18px;
text-align: center;
padding-top: 7px;
cursor: pointer;
}
#button01top_install,#button01top_installNP{
height: 187px;
width: 182px;
margin-right: auto;
margin-top: 97px;
margin-left: auto;
background: transparent url(../images/buleboo/button01top_install.png) no-repeat top left!important;
text-align: center;
cursor: pointer;
}

#button01top_installNP{
cursor: default !important;	
background: transparent url(../images/buleboo/warning.png) no-repeat bottom left!important;
}

#button01bottom span,#button01bottom_SIM span{
margin-right: 30px;
margin-right: 30px;
}

#block_right,#block_right_SIM, #block_right_install_kkobox{
background: transparent url(../images/buleboo/block_right.png) no-repeat center 40px !important;
height:400px;
}

.steptemplate{
height: 70px;
}

#info{
margin-top: 40px;
margin-bottom: 100px;
}


#info a{
text-decoration: none;
color: #333333;
cursor:pointer;
}

#footer{

width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;

}

#contentbox{
overflow:hidden;
margin-top: 10px;
height:462px;
width:808px;
}
#contentboxlogin{
overflow:hidden;
height: 463px;
width: 580px;
background: transparent url(../images/buleboo/loginbox.png) no-repeat center center !important;
}

.main-device-listView{
padding: 0px;
margin: 0px;
height:263px;
width:688px;
float:left;
background: transparent url(../images/buleboo/devicebox.png) no-repeat left top !important;
}

.scroll{
height:53px;
width:53px;
float:left;
margin-top:100px;
background-repeat:no-repeat;
background-position:center center;
}

.scroll.sleft{
background-image:url(../images/buleboo/scroll-left.png);
cursor: pointer;
}

.scroll.sright{
background-image:url(../images/buleboo/scroll-right.png);
cursor: pointer;
}

.searchAgainButton{
float: right;
width: 162px;
margin-right: 62px !important;
margin-top: 10px;
height: 30px;
background: transparent url(../images/buleboo/searchagain.png) no-repeat left top !important;
text-align: center;
padding-top: 5px !important;
}

.searchAgainButton span{
color: white;
font-size: 18px;
float:center;
}
.searchAgainButton i{
float: center;
margin-left: 10px;
}

.searchAgainButton .ui-button-text{
	padding: 0px !important;
}

.ui-widget-overlay{

background: #455557 none left top !important;

}

.progressbarDialog{
background:transparent url(../images/buleboo/waitbar-bg.png) no-repeat left top !important;
width:755px;
height:456px;
border: 0px solid #dfd9c3 !important;
}

.progressbarDialog .ui-dialog-titlebar{
/*display:none;*/
}


.progressbarDialog .ui-widget-header {
border: 0px solid #d4ccb0;
background: none;
margin-top: 40px;
margin-left: 40px; 
color: #536668;
font-size:26px;
padding-bottom: 0px !important;;
}

.progressbarDialog .caronContainer {
margin-left: 50px;
width: 635px;
height:20px;
}
.progressbarDialog .caron {
background:transparent url(../images/buleboo/caron.png) no-repeat right bottom !important;
height:15px;
width:0px;
}

.progressbarDialog .notes {
background:transparent url(../images/buleboo/modalnotes.png) no-repeat right top !important;
width:626px;
height:121px; 
margin-top: 215px;
margin-left: auto;
margin-right: auto;
}

.progressbarDialog ul
{
list-style-image: url(../images/buleboo/modalul.png);
margin-left: 30px;
padding-top: 5px;
}

.progressbarDialog li
{
color:#7f893f;
font-size:14px;
margin-bottom: 20px;
margin-top: 15px;
}


.progressbarDialog .ui-dialog-titlebar-close{
/*display:none !important;*/
}

#slide1-progressbar, #slide1-wait{
/*margin-top: 110px;*/
height:60px;
left: 50%;
margin-left: -317px;
/*top: 85px;*/
position: absolute;
width: 635px;
}

#slide1-progressbar-text-inner, #slide1-wait-text-inner{
font-size: 18px;
text-align: center;
display: table-cell;
vertical-align: middle; 
color:#536668;
}

.bubble { 
 position: absolute;
left: 0px;
margin-top: 60px;
margin-left: auto;
display: table;
height: 60px;
width: 750px;
margin-right: auto;
}
 
/*.progressbarDialog .ui-widget-content {
border: 0px solid #dfd9c3;
background-image: none !important;
background-color: white !important;
}*/

.progressbarDialog .ui-progressbar {
border: 1px solid #d0d0d0;
background-image: none !important;
background-color: white;
}


.progressbarDialog  .ui-progressbar-value { 
background-image: url(../images/buleboo/progress.gif) !important;
height: 65px;
}

#slide2Main_slide2-error-div p{
margin-left:5px;
}


.result-device,.result-sim,.result-usb{
width:105px;
height:186px;
float:left;
background: transparent url(../images/buleboo/devices/smartphone.png) no-repeat top left !important;
}

.result-sim{
background: transparent url(../images/buleboo/devices/sim.png) no-repeat top left !important;
}



.result-device.apple{
background: transparent url(../images/buleboo/devices/apple.png) no-repeat top left !important;
}
.result-device.bb{
background: transparent url(../images/buleboo/devices/bb.png) no-repeat top left !important;
}
.result-device.nokia{
background: transparent url(../images/buleboo/devices/nokia.png) no-repeat top left !important;
}

.result-marker{
width:26px;
height:186px;
float:left;
background: transparent url(../images/buleboo/resultmarker.png) no-repeat top left !important;
}

.result-contacts{
margin-left:10px;
border-bottom:1 #c8c9ca solid;
width: 230px;
float:left;
color: #02086e;
padding-bottom:5px;
margin-bottom:5px;
}

.result-details{
margin-left:10px;
width: 200px;
float:left;
}

.bignumber{
font-family: Ubuntu-Bold !important;
font-size: 24px !important;
line-height: 22px !important;
}


.resultattributevalue{
float:left;
margin-left: 15px;
} 
.resultattribute{
color: #02086e;
width:55px;
float:left;
}
.resultattributeline{
line-height: 30px !important;
width: 200px;
height: 30px;
}

.code_box{
margin-top:85px;
background: transparent url(../images/buleboo/icmbox2.png) no-repeat top left !important;
width:360px;
height: 124px;
padding-top: 10px;
}
.files_container{
margin-top:85px;
width:360px;
height: 143px;
padding-top: 10px;
overflow:auto;
}
.files_box{
width:360px;
}

.atributeline{
line-height: 44px;
color:white;
font-size:30px;
}

.codeattribute{
text-align:right;
font-family:Ubuntu-Bold !important;
width: 150px;
margin-right: 10px;
float: left;
}
.codeattributevalue{
font-family: Ubuntu-Light !important
}

.codeQuestion
{
	font-family: Ubuntu-Light;
	font-size:18px;
	color : #FFF;
	height : 40px;
	padding-top: 15px;
}

.codeUnpaid{
	margin-left:auto;
	margin-right:auto;
}

.codeattributevalue{
font-family: Ubuntu-Light !important
}

.appbutton{
width:23px;
background: transparent url(../images/buleboo/plus.png) no-repeat center center !important;
cursor:pointer;
}
.icmcomponent{
float:right;
height:53px;
margin-left: 5px;
font-size: 11px !important;
}
.applogo{
width:53px;
background: transparent url(../images/buleboo/applogo.png) no-repeat center center !important;
}
.apptext{
width:160px;
text-align: right !important;
margin-right: 10px !important;
}

.otheractionsreading{
float: right;
margin-left: 10px !important;
}
.otheractionsreading span{
padding-top: 0px !important;
}
.defaultactionbutton{
width:106px;
height: 27px;
text-align: center;
padding-top: 8px !important;
cursor: pointer;
background: transparent url(../images/buleboo/go_button.png) no-repeat center center !important;
}

.defaultactionbutton span{
color: white;
font-size: 18px;
float:center;
}

.green-text{
color:#7f893f !important;
}

.result_details_box{
height:188px;
}

#right_01_02 .content_part.span6,#right_02_02 .content_part.span6,#right_03_03 .content_part.span6 {
width: 360px;
}

.appdetails{
margin-right: 40px;
position: realtive;
}
.appdetails .appbox{
position:absolute;
left: 383px;
top: 270px;
width: 390px;
height: 160px;
background: transparent url(../images/buleboo/appbox.png) no-repeat center center !important;
display:none;
}

.appboxtitle{
font-size: 18px !important;
margin-top: 15px;
margin-left: 20px;
}
.appboxbody{
margin-left: 20px;
margin-right: 20px;
margin-top: 5px;
margin-bottom: 30px;
height: 50px;
overflow-y: auto;
font-size: 11px;
}

#help{
position: absolute;
left: 38%;
top: -60px;
width: 485px;
height: 311px;
background: transparent url(../images/buleboo/helpbox.png) no-repeat center center !important;
z-index: 2;
}
#helpclose{
position: relative;
left: -18px;
top: 0px;
background: transparent url(../images/buleboo/close.png) no-repeat center center !important;
width: 37px;
height: 37px;
cursor:pointer;
}
.helptitle{
font-size: 18px !important;
margin-top: 10px;
margin-left: 30px;
}
.helpbody{
margin-left: 30px;
margin-right: 30px;
margin-top: 20px;
margin-bottom: 30px;
height: 200px;
overflow-y: auto;
}

#menu{

position: absolute;
left: 90%;
top: -60px;
width: 185px;
height: 171px;
background: transparent url(../images/buleboo/menubox.png) no-repeat center center !important;
z-index: 2;

}

#menu ul{
list-style-image: url(../images/buleboo/menumarker.png);
margin-top: 30px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 30px;
list-style-position: inside;
}

#menu ul li{
line-height: 30px !important;
background: transparent url(../images/buleboo/border-traco.png) repeat-x bottom left !important;
}


.note a,.note a:link,.note a:visited,.note a:active  {
text-decoration: none;
color: #7f893f !important;
}

#menu ul li a, #info a,#menu ul li a:link,#info a:link,#menu ul li a:active,#info a:active ,#menu ul li a:visited,#info a:visited{
text-decoration: none;
color: #333333 !important;
}      /* unvisited link */

#menu ul li a:hover,#info a:hover,.note a:hover {
text-decoration: underline;
color:#7f893f !important;
}  /* mouse over link */


/*#contentboxlogin*/
#contentboxlogin .inner-text-red {
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
height: 30px !important;
margin-top: 30px !important;
font-size: 16px !important;
}

#contentboxlogin .marginbox{
margin:45px;
}

.row:before, .row:after {
display: inline !important;
}

.loginfield div {
line-height: 40px !important;
font-size: 18px !important;
}

.loginfield{
height:90px;
}

.loginfield input{
   background: transparent url(../images/buleboo/input.png) no-repeat left top !important;
width: 450px;
border: none;
height: 51px;
padding: 0 10px;
font-size: 18px !important;
font-family: Ubuntu !important;
}

.largefield div {
line-height: 40px !important;
font-size: 18px !important;
}

.largefield{
height:90px;
}

.largefield input{
background: transparent url(../images/buleboo/input12.png) no-repeat left top !important;
width: 697px;
border: none;
height: 51px;
padding: 0 10px;
font-size: 18px !important;
font-family: Ubuntu !important;
}

.largefield input.ui-state-error{
color: red !important;
background: transparent url(../images/buleboo/input12_error.png) no-repeat left top !important;
}

.logintilte{
margin-top: 46px;
color: white;
font-size: 30px !important;
text-align: center;
}
#contentboxlogin .content_part {
margin-right: 15px;
}

#contentboxlogin input[type="checkbox"] {display: none;float:left;}
#contentboxlogin input[type="checkbox"] + label {
display: inline-block;
width: 28px;
height: 25px;
background: transparent url(../images/buleboo/checkbox_off.png) top left no-repeat;
text-indent: -1000em;
padding: 0px;
margin-right: 6px;
float:left;
}
#contentboxlogin input[type="checkbox"]:checked + label {
background: transparent url(../images/buleboo/checkbox_on.png) top left no-repeat;
}

#submit{
cursor: pointer;
float: right;
margin-right: 10px;
}

#sendbthcodeemailsubmit,#sendbthcodesmssubmit,#sendbthcontactsemailsubmit,#sendbthcodeemailsubmitSIM,#sendbthcodesmssubmitSIM,#sendbthcontactsemailsubmitSIM{
cursor: pointer;
float: right;
margin-top: 10px;
margin-right: 0px;
}

#footerbuttons{
float:left;
}

#legal_notice_container{
width: 760px;
overflow: auto;
height: 330px;
}

.steptemplate .span4 {
width: 300px;
}

.error-div{
margin-right:50px;
margin-left: 25px !important;
}

.adjust_margin_inline{
margin-top:-0px;
}

#content_install .steptemplate{
height: 120px;
}

.progresstitle {
font-family: Ubuntu-Bold !important;
font-size: 30px;
margin-left: 50px;
margin-top: 35px;
}