@charset "utf-8";
/* CSS Document */
/* =Default */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, 
var, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,
 td { margin: 0; padding: 0; border: 0; outline: 0;  vertical-align: baseline; }
 
h1, h2, h3, h4, h5, h6, ol, ul, p, li { margin: 0px; padding: 0px; }
ol, ul { list-style: none; }
img, table { border: 0px; }
input { vertical-align: middle; }
fieldset { border: none; }
:focus { outline: 0; }/* remember to define focus styles! */
*:focus { outline: none; }
.pointer { cursor: pointer; }
img { border: none; }
table { border-collapse: collapse; /* cellspacing="0" */ }
table td { vertical-align: top; padding: 0px; /* cellspadding="0" */ }
.block { display: block; }
.inline { display:inline; }
.fleft { float: left; }
.fright { float: right; }
.m_auto { margin: auto; }
.a_left { text-align: left; }
.a_right { text-align: right; }
.a_cntr { text-align: center; }
.align_center:after { content: ''; display: block; clear: both; }
.align_c_left { float: left; left: 50%; }
.align_c_right { z-index: 1; left: -50%; }
.align_c_left, .align_c_right, .align_center { position: relative; }
.float_divs_container { overflow: hidden; float:left; }
.nomarg { margin: 0 !important; }
.nomarg-left { margin-left: 0 !important; }
.nopad { padding: 0 !important; }
.nobg { background: none !important; }
.w_auto { width: auto !important; }
.m_auto { margin: 0 auto !important; }
.arrow_grey { background: url(../images/arrow_grey.gif) no-repeat 100% 50%; padding-right: 10px !important; }
/* fixed clearing after floating blocks */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cboth { clear: both; font-size: 0; line-height: 0; }
.ul_clean { list-style-type:none; margin: 0; padding: 0; }
.f_clean { line-height: 0; font-size:0; height:0; }
.in_clean { width: auto !important; border: none !important; }
/* =Vertical Align Middle */
.swc0, .swc1 { display: block; height: 100%; text-align: center; }
.swc0, .swc0 *.*, .swc0 * {
text-decoration: none !important;
font: bold 0px/0px serif;
}
.swc0 { margin: 0 auto; display: table; }
.swc1 { display: table-cell; vertical-align: middle; white-space: nowrap; }
.swc3, .swc2 { text-decoration: none !important; }
.swc3 { display: none; white-space: nowrap; }
.swc2 img { margin: 0px !important; padding: 0px !important; }
/* Vertical Align Middle */

html,body{ height: 100%;} 

body {  background: #FFF url('../images/nav_bg.gif') 0 30px repeat-x; }

/* Default */

/* Dr Appz Site specific styles */

     
#wrapper {
    width: 960px;
    margin: 0 auto;
    background-color: transparent;
    position: relative;
    min-height: 100%;
    height: auto !important; 
}
/* header */
#header {
    height: 92px;
    width: 100%;
    position: relative;
    background: none;
    border: none;
}
#header #logo {
    position: absolute;
    background: url(../images/logo.gif) no-repeat left top;
    height:37px; 
    margin-top: 42px;
    margin-left: 4px;
    width: 147px;
    float: left; 
}

#login_menu ul {
    float: right;
    padding: 6px 0;
} 

#login_menu li { 
display: inline;
background: url(../images/icos_top.gif) no-repeat 0 0;
margin:0;
padding: 2px 2px 0 20px;
margin-left: 10px;
height:20px;  
}

#login_menu .ico_top1 {
background-position: 0 0;
}

#login_menu .ico_top2 {
background-position:0 -18px;
}

#login_menu .ico_top3 {
background-position:0 -34px;
}

.share {
  background: url(../images/icos_top.gif) no-repeat 0 0; 
  padding: 2px 2px 0 20px;
  background-position:0 -34px; 
}

.simple_box .share {
position: absolute;
right: 20px;
bottom: 10px;

}

#login_menu a.active { font-weight:  bold;}
#login_menu li a { text-decoration: none; }


/* menu */
#top_menu {
    position: absolute;
    right: 0;
    bottom: 0;
}
#top_menu li {
    overflow: hidden;
    text-indent: -9999px;
    padding: 0;
    display: inline;
}
#top_menu li a {
    display: block;
    height: 62px;
    background: url(../images/menu_buttons.jpg) no-repeat 0 0;
    float: left;
}
#top_menu .item_1 {
    width: 128px;
    background-position: 0 0;
}
#top_menu .item_2 {
    width: 142px;
    background-position: -128px 0;
}
#top_menu .item_3 {
    width: 120px;
    background-position: -270px 0;
}
#top_menu .item_4 {
    width: 128px;
    background-position: -390px 0;
}
#top_menu .item_5 {
    width: 98px;
    background-position: -522px 0;
}
#top_menu li a:hover.item_1,
#top_menu li.active a.item_1 { background-position: 0 -62px; }
#top_menu li a:hover.item_2,
#top_menu li.active a.item_2 { background-position: -128px -62px; }
#top_menu li a:hover.item_3,
#top_menu li.active a.item_3 { background-position: -270px -62px; }
#top_menu li a:hover.item_4,
#top_menu li.active a.item_4 { background-position: -390px -62px; }
#top_menu li a:hover.item_5,
#top_menu li.active a.item_5 { background-position: -522px -62px; }
/* =menu */  
/* =header */  

 /*common */

#content {
    min-height: 300px;
    margin-top: 52px;
    border: none;
    padding: 0;
    position: relative; 
    margin-bottom: 100px;
}
#side_left {
    float:left;
    width:800px;
	position: relative;
}
#side_right {
    display:none;
    float:right;
    width:160px;
}
/* =common */

/* home */

#products_panel {
    width: 744px;
    background: #0571c7 url(../images/product_panel_bg.gif) repeat-x 0 0;
    padding: 40px 20px 90px;
    position: relative;

}
#products_panel .top {
    position: absolute;
    width: 784px;
    height: 18px;
    top: 0;
    left: 0;
    background: url(../images/product_panel_top.gif) no-repeat 0 0;
}
#products_panel .bl,
#products_panel .br {
    position: absolute;
    width: 19px;
    height: 18px;
    bottom: 0;
}
#products_panel h1 {
   height: 85px;
}


#products_panel .bl {
    left: 0;
    background: url(../images/product_panel_corners.gif) no-repeat -19px 0;
}
#products_panel .br {
    right: 0;
    background: url(../images/product_panel_corners.gif) no-repeat 0 0;
}
#products_panel  #product_name  {
 
}
#product_description { width: 384px; padding-left: 10px;color: #fff; font-size: 15px; line-height: 1.2em; }

#product_description ul, #product_description ul li  { list-style-image: url("/images/sm_arrow.gif"); list-style-position: outside; }
#product_description ul { padding-left: 30px; }
#product_description ul li {padding: 0 0 6px 6px; }

#product_menu {
    width: 370px;
    position: absolute;
    bottom: 0;
    left: 20px;
}

#product_menu li {
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    height: 75px;
    padding: 0 10px;
}
/*#product_menu li:hover, #product_menu li .active {background: url(../images/arrow_bottom.gif) no-repeat bottom center; } */
#product_menu #product_slider {
    background: url(../images/arrow_bottom.gif) no-repeat bottom center;
    bottom:0;
    left: 0;
    height:14px;
    width: 51px;
    margin-left: 10px;
    position:absolute;
}
#product_menu li span {
    display: block;
    height: 51px;
    width: 51px;
    cursor: pointer;
    background: url(../images/product_menu_btn.png) no-repeat 0 0;
    margin: 0;
}
#product_menu #product1 { background-position: 0 0; }
#product_menu #product2 { background-position: -51px 0; }
#product_menu #product3 { background-position: -102px 0; }
#product_menu #product4 { background-position: -153px 0; }
#product_menu #product5 { background-position: -204px 0; }
#flash_wrapper {
    position: absolute;
    background: url('../images/home_iphone.png') no-repeat top;
    width: 298px;
    height: 597px;
    top: -32px;
    right: 10px;
    z-index: 5;
    padding: 109px 9px 97px 34px;
}
#press {
    float: left;
    padding: 22px 6px 10px 12px; 
    width: 165px;
	font-size: 13px;
	line-height: 1.5em;
}
.plus li {
    background: url('../images/plus.gif') no-repeat 0 3px;
    margin: 12px 0 12px;
    padding: 0 0 0 15px;
}
/* testimonials */
.testimonials {
    float: left;
    margin: 22px 0 10px 20px;
}
#slider {
    margin:0 auto;
    position:relative;
    width:230px;
}
.scroll {
    width: 230px;
    position:relative;
    margin: 0;
}
.scroll .panel {
    background: url('../images/qoute_top.gif') top left no-repeat;
    width: 220px;
    margin-top: 8px;
    padding: 20px 30px 0 0;
    overflow: hidden;
}
.scroll .panel .qoute {
    background: url('../images/qoute_bottom.gif') right bottom no-repeat;
    min-height: 50px;
    margin-bottom: 6px;
    padding-bottom: 15px;
	font-size:15px;
}  
.testimonials .navigation { margin: 12px 0 0; }
.testimonials .navigation li { float: left; }
.testimonials .navigation a {
    width: 54px;
    height: 4px;
    display: block;
    margin: 1px 1px;
    background-color: #9a9a9a;
}
.testimonials .navigation a:hover,
.testimonials .navigation a.selected { background-color: #0b7bcc; }
/* =testimonials */ 

/*  product description */ 
#products_panel .navigation { margin: 12px 0 8px; }
#products_panel .navigation li { float: left; }
#products_panel .navigation a {
    width: 122px;
    height: 4px;
    display: block;
    margin: 1px 3px;
    background-color: #9a9a9a;
}
#products_panel .navigation a:hover,
#products_panel .navigation a.selected { background-color: #fff; }

#products_panel #sliderP {
    margin:0;
    position:relative;
    width:400px;
}
#products_panel .scroll {
    width: 390px;
    position:relative;
    margin: 0;
	height: 160px;
    overflow: hidden;
}
#products_panel .scroll .panel {  
    background: none;
    width: 390px;
    margin-top: 8px;
    padding: 0 30px 0 0;
    overflow: hidden;
}
#products_panel .scroll .panel .qoute {
    background: none;
    min-height: 50px;
    margin-bottom: 6px;
    padding-bottom: 15px;
}

/* END product description */


/* = home */

/* buttons */  
.btn {
    border: none !important;
    cursor: pointer;
    display: block;
    text-align: center;
    font-weight:bold;
}
.btn:hover {
    background-position: 0 0 !important;
    text-decoration: none !important;
}

#download {
    background: url(../images/download_btn_right.gif) no-repeat scroll 0 0;
    padding-left: 12px;
    position: relative;
    left: -32px;
}
#btnDownload {
    background: url(../images/download_btn.png) no-repeat 0 0;
    cursor:pointer;
    display:block;
    height:55px;
    width:434px;
    text-indent: -9999px;
}
#btnLogin{
    background: url(../images/login_btn.gif) no-repeat 0 0;
    cursor:pointer;
    display:block;
    height:29px;
    width:67px;
    text-indent: -9999px;
    margin-top: 10px;
}
#btnRegister{
    background: url(../images/regester_btn.gif) no-repeat 0 0;
    cursor:pointer;
    display:block;
    height:29px;
    width:77px;
    text-indent: -9999px;
    margin-top: 10px; 
}
.btnDownload_sub {
    background: url(../images/products_downloadfromitunes.gif) no-repeat 0 0;
    cursor:pointer;
    display:block;
    height:55px;
    width:310px;
    text-indent: -9999px;
    margin: 26px 0 30px 0;
}

a.read_more, a.next {
    background: url(../images/arrows_blue.gif)  right 3px no-repeat; 
    padding-right : 8px;
}

a:hover.read_more, a:hover.next { background: url(../images/arrows_blue.gif) no-repeat right -20px; }

a.prev {
    background: url(../images/arrow_blueLeft.gif) no-repeat left center;
    padding-left : 8px;
}
a:hover.prev { background: url(../images/arrow_blue_overLeft.gif) no-repeat left center; }

.btnDownload {
    background: url(../images/btn_home.gif) no-repeat 0 0;
    cursor:pointer;
    display:block;
    margin: 15px 0 0 16px;
    width:99px;
    float:left
}
.btnDownload:hover { background-position:left bottom; }
/* = butoons */



/* =bottom 
------------------------------------------------------------------------------*/
#footer {
    width: 100%;
    background: url('../images/footer-top.gif')  0 0 no-repeat #d5d5d5;
    margin-bottom : 0;
    margin-top: 20px;
    padding-bottom: 20px;
    position: absolute;
    bottom: 0;
    height: 60px;
    margin-bottom: -1.5em;
}
#footer .bfm {
    float:right;
    padding: 20px 20px 0 0;
}
.bot_menu {
    text-align: left;
    padding: 20px 0 0 20px;
}
.bot_menu li { display: inline; }
.bot_menu a { padding: 0px 10px; }
.bot_menu .first a {
    border-left: 0;
    padding-left:0;
}
.copyright {
    text-align: left;
    padding-left: 30px;
}
/* bottom */
#left_column {
    float: left;
    width: 197px;
}
#product_nav {
    background: url('../images/product_nav_bg.gif') repeat-x left top #0571c7 !important;
    width: 100%;
    overflow: hidden;
}
#product_nav .top {
    background: url('../images/verticalnav_topper.gif') no-repeat top;
    width: 100%;
    height: 25px;
}
#product_nav .bottom {
    background: url('../images/verticalnav_bottomer.gif') no-repeat top;
    width: 100%;
    height: 25px;
}
#product_nav h3 {
    margin: -20px 0 0;
    padding: 0px 25px;
    border-bottom: 1px solid #4ec5ec;
}

#product_nav .line {
border-bottom: 1px solid #0f82cf;
}

#product_nav .mainMenu a {
    margin-left: 0px;
    padding-left: 25px; 
    display: block;
    cursor: pointer;
}

#product_nav a {
    display: block;
    cursor: pointer;
}

#product_nav .mainMenu .subMenu { 
   padding-left: 0px;
}   

#product_nav .mainMenu .subMenu a { 
   padding-left: 40px;
} 

#product_nav .mainMenu .subMenu a:hover,
#product_nav .mainMenu .subMenu li.active { background: url('../images/verticalnav_hover.gif') no-repeat center; }  

#side_left .central_description { float: left; padding-left: 32px; width: 530px; }
.central_description h1 { margin-bottom: 12px; }
.central_description h3 { margin: 12px 0 10px 0; }
.small_phone {
    float: right;
    background: url('../images/products_iphone.gif') no-repeat 0 0;
    width: 185px;
    height: 430px;
    margin-left: 30px;
}
/* highlights*/  
.product-highlights .highlight {
    width: 265px;
    float: left; 
    margin-bottom: 20px;  
}
.product-highlights .highlight .image {
    width: 85px;
    height: 80px;
    float: left;
}
.product-highlights .item1 .image { background: url('../images/products_docsecurity.gif') no-repeat 0 0; }
.product-highlights .item2 .image { background: url('../images/products_alldoctypes.gif') no-repeat 0 0; }
.product-highlights .item3 .image { background: url('../images/products_easytoconfig.gif') no-repeat 0 0; }
.product-highlights .item4 .image { background: url('../images/products_storespicsaswell.gif') no-repeat 0 0; }
.product-highlights .highlight p {
    width: 175px;
    float: left;
    margin-top: 5px;
}

/* =highlights*/

/* support */

 .support .plus {
 margin-left: 10px;
 }

/* =support */  

/* community */

.community h2 {margin-top: 36px;}
.community h3 {margin-top: 24px;} 

.border_blue {
    border: 1px #25aae1 solid; 
    padding: 1px;
    margin-bottom: 10px; 
	margin-right: 10px;
	float: left;
}

.border_blue  select {
    width:  170px;
    height: 19px;
    background-color: #25aae1;
    border:medium none !important; 
    color: #fff;
}

#questionForm textarea {
border: 1px solid #25aae1;
width: 380px; 
height: 60px;
float: left;
}

#questionForm  .btnAsk {
   background: url(../images/askbutton.gif) top left no-repeat; 
   width: 150px;
   height: 62px;
   display: block;
   cursor: pointer;
   margin-left: 396px;
}

.question_no_register {
  padding-bottom: 20px;
}

.question_blocked { 
 height: 120px;
 width: 520px;
 position: absolute; 
 background-color: #ffffff;
 opacity:.7;
 z-index: 100; 
 filter: alpha(opacity = 70);
 
}

.mailer_loading {
 top: 70px;
 height: 200px;
 width: 550px;
 position: absolute;
 background-color: #ffffff;
 z-index: 100;
}

.mailer_loading img { margin: 40px 0 0 270px};
/* answers */

.answer {width: 524px; }

.simple_box {
    margin: 20px 0px;
    position: relative;
    overflow: hidden;
    padding: 10px 0px;
}
.simple_box .tr,
.simple_box .tl,
.simple_box .bl,
.simple_box .br {
    background: url(../images/corners.gif);
    height: 20px;
    position: absolute;
    width: 100%;
}

.simple_box .tr,
.simple_box .tl {
    top: -10px;
}
.simple_box .tr,
.simple_box .tl,
.simple_box .br,
.simple_box .bl {
    left: -10px;
}
.simple_box .br,
.simple_box .tr {
    margin-left: 100%;
}

.simple_box .inner_part {
    border: solid 1px #51bbe7;
    border-top: 0px;
    border-bottom: 0px;
    background: #fff;
    padding: 0px 15px;
    overflow: hidden;
}
.simple_box h1.title_select *,
.simple_box h2.title_select *,
.simple_box h1.title *,
.simple_box h2.title * {
    overflow: hidden;
} 

.simple_box p {margin-bottom: 16px;}

.ask_btn {
  display: block;
  background: url(../images/answerthisquestionbutton.gif) top left no-repeat; 
  width: 188px;
  height: 34px; 
}

.simple_box .user_name {
   float: left;
   width: 130px;
   padding-right: 10px; 
   word-wrap: break-word;
}

.simple_box .answer {
   float: left; 
   width: 350px;  
}
/* =answers */ 

.cms_content  h1 {
     margin-bottom: 20px;
}

/* form login */
.login h1 {margin-bottom: 44px;}

fieldset.form_register .f_row label {
        padding-left:10%;  
}

fieldset.data_container .f_row label {
padding-left:10%; 
width:27%;
}

fieldset.data_container .f_row .f_inputs {
padding-left:25%;
}

fieldset.form_register input {
    width:50%;
}

input  {width: 200px; height: 16px; border: 1px solid #25aae1; margin: 5px; padding: 2px;}
.checkboxes  input {border: none; width: 15px;}
/*  form login */

#go_back {
    float: right;
    background: url(../images/play.gif) no-repeat right 6px; 
    padding-right: 7px; 
}

#go_back:hover {
   background: url(../images/play.gif) no-repeat right -17px  ;
}
 /*hide addthis objects */   
#atff, #_atssh{  
display: none !important;
}

.press p, .press ul, .press h2 { 
margin-bottom: 14px;
}

.press li {    
padding: 4px 30px;
}

.blue { color: #25AAE1; }


.testimonials h2 { float: left ;}

#viewfutures {float: right; margin: 6px 30px 10px 0;}
#product_futures_title {position: absolute; top: 16px; left:30px; z-index: 1000;}
input#txtName { margin: 0; width: 168px;  background:  #25aae1 ; color:#fff; }
input#txtEmail{ margin: 0; width: 183px;  background:  #25aae1 ; color:#fff; }

.f_inputs input#txtEmail { width: 300px; height: 16px; border: 1px solid #25aae1; margin: 5px; padding: 2px;   background: #fff; color:#333;}

.central_description{ line-height: 1.3em }
h2 { padding-bottom: 8px; }
