/* 
    Document   : style_new
    Created on : Aug 27, 2013, 5:48:06 PM
    Author     : Albert
    Description:
        Purpose of the stylesheet follows.
*/

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all
{
	z-index:999999;
}

.navbar-header
{
    margin: 0 0 0 3%;
}

#menu.navbar, #menu.navbar .navbar-inverse, #menu.navbar .navbar-fixed-top, #menu.navbar .navbar-inner
{
    background-color: transparent;
    background-image: url('../img/header_bg.png');
    border:none;
}

#menu.navbar .nav
{
    margin: 50px 5% 0 0;
}

#menu.navbar .btn-navbar
{
    background-color: #c3c3c3;
    background-image: none;
}

#menu .brand
{
    margin: 10px 0 0;
    
}

#menu .brand img
{
    float: left;
    max-height: 90px;
}

#menu.navbar .nav > li > a
{
    color: #4c4c4c; 
    text-shadow: none;
    font-size: 16px;
    background-color: transparent;
}

#menu.navbar .nav > li > a:hover,
#menu.navbar .nav > li.active a
{
    color: #00aeef;
    background-image: none;
}

.fake_div
{
    float: left;
    width: 100%;
    height: 200px;
}

.wrapper {
/*     padding-top: 140px; */
/*     padding-bottom: 140px; */
}

.head_content {
	background-color: rgba(0, 0, 0, 0);
	padding-top: 50px;
}
.head_content h1 {
	font-size: 50px;
	font-family: GillSansMT;
	margin-bottom: 12px;
}

.head_content p
{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
}

.head_content h1 span {
    color: #00AEEF;
}

.btn_margin
{
    margin: 0 10px 10px 0;
}

.wrapper .head_video_container .menu .btn {
    background-color: #00AEEF;
    border-radius: 10px 10px 10px 10px;
    padding: 12px;
    text-align: center;
    
}

.wrapper .head_video_container .menu .btn img
{
    width: 150px;
}
.wrapper .head_video_container .menu #watch
{
    background-color: #fa6c1a;
}

.wrapper .head_video_container .menu .btn:hover,
.wrapper .head_video_container .menu #watch:hover
{
    background-color: #0093ca;
    border-radius: 10px;
}


.wrapper .head_video_container .img_holder
{
    float: left;
    width: 100%;
    margin: 0 0 50px;
    padding: 0;
    text-align: center;
    
}

.wrapper .head_video_container .img_holder .monitor
{
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 900px;
}

/* .wrapper .content */
/* { */
/*     float: left; */
/*     width: 80%; */
/*     margin: 0 0 0 10%; */
/* } */

/* .wrapper .content #leftpanel */
/* { */
/*     float: left; */
/*     width: 42%; */
/*     margin: 0 0 0 8%;    */
/* } */

/* .wrapper .content #leftpanel .feature */
/* { */
/*     float: left; */
/*     width: 100%; */
/*     margin: 0; */
/*     padding: 0; */
/* } */

.wrapper .content #leftpanel .feature h2
{
    font-family: gill_Sans_Light;
    font-size: 36px;
}

.wrapper .content #leftpanel .feature p
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 20px;
    font: normal 16px Arial, sans-serif;
    line-height: 26px;
}

.wrapper .content #leftpanel .feature .skyblue
{
    color: #00aeef;
    padding: 20px 0;
    text-transform:uppercase;
    font-family: gill_Sans_Light;
}

/* .wrapper .content #leftpanel .feature img */
/* { */
/*     float: left; */
/*     margin: 20px 0; */
/*     padding: 0; */
/*     min-height: 110px; */
/* } */

/* .wrapper .content #rightpanel */
/* { */
/*     float: right; */
/*     width: 42%; */
/*     margin: 0 3% 0 0;    */
/* } */

.wrapper .content #rightpanel .feature
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.wrapper .content #rightpanel .feature p
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 20px 5%;
    font: normal 16px Arial, sans-serif;
    line-height: 26px;
}

.wrapper .content #rightpanel .feature .skyblue
{
    color: #00aeef;
    padding: 20px 0 20px 5%;
    text-transform:uppercase;
    font-family: gill_Sans_Light;
}

.wrapper .content .feature img
{
	width: 100%;
}

#footer
{
/*     background-color: #fafafa; */
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    display: inline-block;
    font-family: gill_Sans_Light;
/*     padding: 10px 0; */
    width: 100%;
}

#footer .copyright
{
    padding-top: 30px;
}

#footer .company p {
    color: #00A6E5;
}
#footer .company p a {
    color: #000000;
    text-decoration: none;
}
#footer .company p a:hover {
    text-decoration: underline;
}

.holder
{
    float: left;
    width: 100%;
    padding-bottom: 50px;
}



/* contact */

.contact_container
{
    float: left;
    width: 80%;
    margin: 0 0 30px 10%;
    font-family: gill_Sans_Light;
    -webkit-box-shadow : 0 2px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow    : 0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow         : 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* added */

/* .wrapper .content .row */
/* { */
/*     margin: 0; */
/* } */

.wrapper .content .row h2
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
    text-align: center;
}
/*
.wrapper .content .row .tbl_pricing
{
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #8c8c8c;
    margin-bottom: 10px;
}
*/

#tbl_pricing th, #tbl_pricing td {
    color: #464646;	
}

#tbl_pricing thead th {
    text-align: center;
}

#tbl_pricing tbody td {
    text-align: center;
    text-transform: uppercase;
}

/* Contact */

.shadow
{
    -webkit-box-shadow : 0 2px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow    : 0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow         : 0 2px 10px rgba(0, 0, 0, 0.1);
}

#contact_us .info
{
    font-family: gill_Sans_Light;
}

#contact_us .info h2
{
    font-family: gill_Sans_Light;
}

.container .col-md-6 .form
{
    font-family: gill_Sans_Light;
}

#contact_us .google_map
{
    border: medium none;
    height: 496px;
    width: 100%;
}

/* add border top */
.modal_btop {
    border-radius: 10px;
    border-top: 10px solid #42A9F6;
}

@media (max-width: 991px)
{
    #link, #logo_footer, #company
    {
        margin-top: 10px;
    }
}

@media (min-width: 992px)
{
    #footer #logo_footer
    {
        margin-top: 30px;
    }

    #footer #company
    {
        margin-top: 60px;
    }

    #footer #link
    {
        margin-top: 50px;
    }
}

/* Arc Text */
#arc-wrapper {
	background-color: #0099FF;
    border-radius: 100px;
    height: 200px;
    width: 200px;
}

.feedback {
    color: #FFFFFF;
    font-weight: normal;
    text-shadow: -1px 1px #333333;
}

/* styles from schedule.php */
#tbody_appointment tr:hover{
	background: #5bc0de;
	cursor: pointer;
}
#tbody_appointment tr:nth-child(even) {
	background-color: #B5EEFF;
}
/* */

/* jQuery Autocomplete conflict */
.ui-front {
	z-index: 1050;
}
.ui-menu-item {
	border: 1px solid transparent;
}

.patient_menu_tabs {
    background-color: #428bca;
}

/* styles from patient_visit_logs.php */

/* styles from admin/dentist_list.php */
.delete_dentist_admin {
	cursor: pointer;
	color: #000;
}

.tbl_dentist td, .tbl_dentist th {
	width: 200px;
	white-space: nowrap;
	text-align: center;
}

/* styles from admin/patient_list.php */
    .tbl_dentist td, 
    .tbl_dentist th
    {
        width: 200px;
        white-space: nowrap;
        text-align: center;
    }
    
/* styles from admin/admin.php */
	.icons {
		cursor: pointer;
	}
	
	.icons:hover {
		color: #52AFFF;
	}
	
/* mobiscroll style revisions */
.dw table {
    background: none repeat scroll 0 0 #fff;
    border: none;
    margin-bottom: 0;
}
.dw table td {
    padding: 0;
}

@font-face
{
	font-family: "GillSansMT";
	src: url('Gil Sans/Gill Sans MT.ttf');
}

@font-face
{
	font-family: gill_Sans_Light;
	src: url('Gil Sans/Gill Sans MT Light.ttf');
}