html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {height:100%;min-height:100%;direction:rtl;
}

.boxmainsr{width:400px;display:table;float:right;border:0px solid #DDDDDD;padding-right:15px;font-family:bhoma;text-shadow: 0px 1px 1px #0F5D9D;}
.tblsheadl{width:200px;float:right;display:table;height:22px;font-weight:bold;font-size: 1.2em;color: #1E3558;padding:10px 10px 0 0;margin-bottom:5px;text-align:right;}
.tblsheadl:hover {text-shadow: 0px 1px 1px #76BAF2;}
.tblsheadr{width:48px;float:right;border:0px solid #000;display:table;margin-bottom:5px}
.reception-box {display:table;width:100%;padding:50px}
.reception-row {display:table;width:100%;}
.reception-spc {display:table;height:15px}

.app-toolbar{ 
    background:#F9F9F9;
    background:-moz-linear-gradient(top,#fff 25%,#E7E7E7 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(25%,#fff),color-stop(100%,#E7E7E7));
    background:-webkit-linear-gradient(top,#fff 25%,#E7E7E7 100%);
    background:-o-linear-gradient(top,#fff 25%,#F9F9F9 100%);
    background:-ms-linear-gradient(top,#fff 25%,#F9F9F9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#F9F9F9',GradientType=0);
    background:linear-gradient(top,#fff 25%,#F9F9F9 100%);
    -moz-box-shadow:0 0 1px #fff inset;-webkit-box-shadow:0 0 1px #fff inset;box-shadow:0 0 1px #fff inset;
    height:80px;border-bottom:1px solid #ddd;
}

.app-mainsub{ 
    background: -moz-linear-gradient(top, rgba(214,214,214,0) 0%, rgba(244,244,244,0.18) 61%, rgba(244,244,244,0.18) 62%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(214,214,214,0) 0%,rgba(244,244,244,0.18) 61%,rgba(244,244,244,0.18) 62%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(214,214,214,0) 0%,rgba(244,244,244,0.18) 61%,rgba(244,244,244,0.18) 62%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d6d6d6', endColorstr='#2ef4f4f4',GradientType=0 ); /* IE6-9 */
    height:80px;
}
.app-row-details {padding: 20px;font-size: 14px;border-radius: 2px;font-family:byekan;line-height:30px}

.row-details {width:600px;background: #f9f9f9;padding: 10px 15px;font-size: 14px;border: 1px solid #ddd;border-radius: 2px;}
.row-details li{font-family:byekan;}

.app-main-cell{height:79px;display:table;padding-top:15px;text-align:right;position:relative;margin:0px auto 10px auto;width:1000px;}
.app-header {width:100%;border-bottom:1px dashed #ddd;padding-bottom:10px}
.app-header h1{font:bold 28px byekan;border-right:0px solid #DDDDDD;padding-right:12px}

.app-footer { 
    background:#F9F9F9;
    background:-moz-linear-gradient(top,#fff 40%,#E7E7E7 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(40%,#fff),color-stop(100%,#E7E7E7));
    background:-webkit-linear-gradient(top,#fff 40%,#E7E7E7 100%);
    background:-o-linear-gradient(top,#fff 40%,#F9F9F9 100%);
    background:-ms-linear-gradient(top,#fff 40%,#F9F9F9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#F9F9F9',GradientType=0);
    background:linear-gradient(top,#fff 40%,#F9F9F9 100%);
    -moz-box-shadow:0 0 1px #fff inset;-webkit-box-shadow:0 0 1px #fff inset;box-shadow:0 0 1px #fff inset;
    height:200px;border-bottom:1px solid #ddd;
}

.ft-container{margin:0px auto 0px auto;width:990px;height:200px}
.ft-ul-box {width:22%;border:0px solid red;float:right;display:table;text-align:right;margin-left:3%}
.ft-ul-Li-contactus {text-align:left;direction:ltr;}
.pad-rl-10{padding:0 10px 0 10px!important;}
.pad-rl-30{padding:0 30px 0 30px!important;}
.ft-ul-box li:first-child {font:bold 14px byekan;margin-right:15px;text-align:right!important}
.ft-ul-box li:nth-child(n+2) {font:bold 12px byekan;margin-right:25px;padding-top:10px}

.arrow {width: 20px;height:45px;display:table;background-image:url('/images/arrow-left.png');float:left}
.arrow-dt {height:45px;display:table;float:left;padding:10px 5px 0 0;font-size:12px;color:#555;text-shadow: 0px 1px 1px #5D5D5D;}
.height-45 {height:45px}
.app-toolbar .header{height:40px;font-family:BKoodakBold;width:100%;border-bottom:0px solid #ddd;}
.header-right {padding: 5px 15px;float: right;font-size: 14px;color: #5D5D5D;text-align: right;display:table;width:300px}
.header-left {padding:5px 20px;float:left;font-size:16px;color:#5D5D5D;text-align:right;}
.app-main {padding:0px;margin:0px;width:100%;display:table}        
.main-form-sheet{
    border: 1px solid #c8c8d3;-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);width: 860px;height: 580px;display:table;margin:15px;background-color:#fff;
}

.app-toolbar-container {
    height:79px;display:table;padding-top:0px;padding-left:5px;text-align:left;
	position:relative;
	margin:0px auto 10px auto;
	width:990px;
}

.app-toolbar-container-logo{float:left;overflow:hidden;border:0px solid red;margin-top:5px}
.app-toolbar-container-nav{border:0px solid red;text-align:right;height:76px;padding-top:30px;font:bold 13px byekan }
.app-toolbar-container-nav ul li{float:right;padding:0px 10px 0px 20px;cursor:pointer;}
.app-toolbar-container-nav ul li a{cursor:pointer;color:#008000;}

.app-toolbar-container-nav ul li a:hover{color:#7EA53B;}

.app-footer-footerSiteMap {border:1px solid red;text-align:center;height:76px;padding-top:0px;font:bold 11px byekan }
.app-footer-footerSiteMap ul {padding:0px 10px 0px 20px;cursor:pointer;border:2px solid green}
.app-footer-footerSiteMap ul li{float:right;padding:0px 10px 0px 20px;cursor:pointer;border:1px solid red}
.app-footer-footerSiteMap ul li:hover{color:#7EA53B;}

div#app-footer-footerSiteMap { width: 100%;text-align: center;font:bold 11px bkoodakbold ;color:#000;}
ul.SiteMapUL {margin: 2px auto;line-height: 1.4;color:#000;}
.SiteMapUL li {display: inline;text-align: center;padding:0px 10px 0px 20px}
.SiteMapUL li a{color:#000;}
.SiteMapUL ul li:hover{color:#7EA53B;}

.dental-sheet-application {
    max-width:100%;
    min-width:860px;
    overflow:auto;
    display:table-cell;
    height:100px;
    border:0px solid #000000;
}

.dental-sheet-nav {
    width: 220px;
    border-right: 1px solid #afafb6;
    text-shadow: 0 1px 1px white;
    padding-top:0px;
    display:table-cell;
    vertical-align:top;    
    height:100px;
    border-left:1px solid #ddd;
    background:#eee;
    background:-moz-linear-gradient(top,#eee 0,#F3F3F3 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#eee),color-stop(100%,#F3F3F3));
    background:-webkit-linear-gradient(top,#eee 0,#F3F3F3 100%);
    background:-o-linear-gradient(top,#eee 0,#f5f5f5 100%);
    background:-ms-linear-gradient(top,#eee 0,#F3F3F3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee',endColorstr='#F3F3F3',GradientType=0);
    background:linear-gradient(top,#eee 0,#F3F3F3 100%);

}

.dental-toolbar {
    width: 100%;max-height:32px;
    height: 32px;
    background-color: #414141;
    background-color: #454343;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#646060), to(#262626));
    background-image: -webkit-linear-gradient(top, #646060, #262626);
    background-image: -moz-linear-gradient(top, #646060, #262626);
    background-image: -ms-linear-gradient(top, #646060, #262626);
    background-image: -o-linear-gradient(top, #646060, #262626);
    background-image: linear-gradient(to bottom, #646060, #262626);
}

.header-icons i {
    padding:1px 13px 0px 7px;display:table;float:right;margin-top:5px;color:#ddd;
}

.header-icons i.wlb {
    border-left:1px solid #fff;padding-left:10px;
}

.header-icons i:hover {
    color: #63B2E9;
    cursor:pointer;
}
.den-schedule-header {
    text-align: right;width: 100%;height:40px;border:1px solid #DDDDDD;border-top:0px;border-right:0px solid #000;background-color:#fff;display:table;float:right;
}

.btn-mini-sch {
    border:1px;height:40px;width:20px;background-color:#fff;cursor:pointer;
}
.schedule-btn-change {
    height:40px;width:70px;border-left:1px solid #ddd;display:table;float:right
}


#center{ overflow:hidden; height:600px; }

#left{ float:left; width:200px; height:600px;background-color:#fff;}

.appointment-g {
    display:table;background-color:#C3D2F4;width:100%;clear:both;	
    -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
    cursor:pointer;
    background:#C3D2F4; padding-right:10px;
    background:-moz-linear-gradient(top,#D3DEF7 0,#C3D2F4 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#D3DEF7),color-stop(100%,#C3D2F4));
    background:-webkit-linear-gradient(top,#D3DEF7 0,#C3D2F4 100%);
    background:-o-linear-gradient(top,#D3DEF7 0,#C3D2F4 100%);
    background:-ms-linear-gradient(top,#D3DEF7 0,#C3D2F4 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D3DEF7',endColorstr='#C3D2F4',GradientType=0);
    background:linear-gradient(top,#D3DEF7 0,#C3D2F4 100%);font-size:14px;font-family:bkoodakbold;
}
.displaynone {
    display:none;
}
.schedule-date {
    padding-top:7px;width:275px;border-left:1px solid #ddd;display:table;float:right;font-family:BKoodakBold;text-align:center;height:40px;
}
.den-schedule {
    height:600px;overflow-y:scroll;direction:rtl;float:right;background-color:#fff;width:100%
}

.den-schedule-middle {
    overflow:hidden;height:600px;direction:rtl;border:1px solid #000;background-color:#fff;
}
.den-schedule-left {
    width:300px;height:600px;direction:rtl;border:1px solid #000;float:left ;background-color:#fff;
}

.den-schedule-rows {
    text-align: right;width: 390px;height:600px;border:1px solid #DDDDDD;border-top:0px;border-right:0px;background-color:#fff;
}

.den-schedule-hrs-1 {
    text-align: right;width: 70px;height:60px;border:1px solid #DDDDDD;border-top:0px;border-right:0px solid #000;background-color:#fff;display:table;float:right;
}

.den-schedule-hrs {
    text-align: right;width: 70px;height:600px;border:1px solid #DDDDDD;border-top:0px;border-right:0px;background-color:#fff;float:right;color:#5D5D5D;font-size:12px;direction:ltr;
}
.den-schedule-min {
    overflow:hidden;
}

.den-schedule-min-Row_Header {
    height: 30px;border-bottom:1px dotted #DDDDDD;background-color:Red;
}

.den-schedule-min-full {
    height: 30px;border-bottom:0px dotted #DDDDDD;
}

.den-schedule-min-00 {
    height: 30px;border-bottom:1px dotted #DDDDDD;
}

.den-schedule-min-30 {
    height: 30px;
}
.Schedule-Profile-header {width:98%;display:table;}
.Schedule-Profile-Name {width:33%;text-align:right;float:right;}
.Schedule-Profile-Time {width:34%;text-align:center;float:right;}
.Schedule-Profile-Stat {width:33%;text-align:left;float:right;}
.Sch-Btn {width:100px;margin-left:50px;margin-bottom:30px;}
.Sch-Btn-icon {margin-right:0px;float:right}
.Sch-Btn-text {font-family:bhoma;margin-right:5px;float:right}

/* Calendar */
table.calendar {
	border: 1px solid #0C4A7C;border-spacing: 0px;border-collapse:collapse;background-color: white;font-size:9px;font-weight:normal;
}

table.calendar th {
	border: 1px solid #0C4A7C;background-color: #0C4A7C;color:#fff;text-align:right;font-size:10px;font-weight:normal;width:14%;height:20PX;vertical-align:middle;
}

table.calendar td 
{
    border: 1px solid #345678;border-width: 1px;text-align:right;font-size:9px;font-weight:normal;width:14%;vertical-align:top;
}

table.calendar.weekdays
{
    background-color:Red;width:14%;
    }
    
#cal {
    width:192px;font-family:Bkoodakbold, helvetica, sans-serif;font-size:9pt;color:#000;text-align:center;border:1px solid #eee;display:table;
}

#cal h2 {
    width:100%;margin:0 0px 0px 0px;font-size:12pt;background:#004a80;color:#fff;
}


#cal ul {
    width:190px;margin:0;padding:0;text-align:center;
}

#cal ul li {
    width:27px;height:27px;display:block;float:right;list-style:none;border:1px solid #fff;margin:0;text-align:center;
}

#cal ul li.d 
{
    background:#387286;color:#fff;font-weight:bold;vertical-align:middle;font-size:13px;
}
 
#cal ul li.n { background:#EAEAEA;cursor:pointer; }
#cal ul li.h { background:#C40606;color:#fff;    cursor:pointer; }
#cal ul li.y { background:#F2CC72;color:#845904; cursor:pointer; }
#cal ul li.b { background:#4185F3;color:#fff;    cursor:pointer; }
#cal ul li.g { background:#91A81E;color:#fff ;   cursor:pointer;}
.n { background:#EAEAEA;cursor:pointer; }
.h { background:#C40606;color:#fff;    cursor:pointer; }
.y { background:#F2CC72;color:#845904; cursor:pointer; }
.b { background:#4185F3;color:#fff;    cursor:pointer; }
.g { background:#91A81E;color:#fff ;   cursor:pointer;}

#cal a.event 
{
    display:block;width:25px;height:25px;background:#DE0006;text-decoration:none;color:#fff;font-weight:bold;
}

#cal a.h 
{
    display:block;width:25px;height:25px;background:#DE0006;text-decoration:none;color:#fff;
}

/* Calendar */



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

table { border-spacing: 0; }
img { border: 0; max-width: 100%; }

#w { display: block; margin: 0 auto; padding-top: 0px;}


/* nav menu styles */
#nav { 
  display: block;width: 250px; margin: 0 auto;
  background:#eee;background:-moz-linear-gradient(top,#f5f5f5 0,#eee 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#eee));
  background:-webkit-linear-gradient(top,#f5f5f5 0,#eee 100%);
  background:-o-linear-gradient(top,#f5f5f5 0,#eee 100%);
  background:-ms-linear-gradient(top,#f5f5f5 0,#eee 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#eeeeee',GradientType=0);
  background:linear-gradient(top,#f5f5f5 0,#eee 100%);
  -moz-box-shadow:0 0 1px #fff inset;-webkit-box-shadow:0 0 1px #fff inset;box-shadow:0 0 1px #fff inset;
}

#nav li {font-family:BKoodakBold; }

#nav > li > a { 
    display: block;
    outline:none;position:relative;width:auto;padding:8px 10px;margin:0;
    border:1px solid #ddd;border-bottom:0 none;border-left:0 none;
    font:bold 12pt BKoodakBold, Arial,Helvetica,sans-serif;
    color:#555;text-decoration:none;text-shadow:1px 1px 0 #fff;
    background:#eee;
    background:-moz-linear-gradient(top,#f5f5f5 0,#eee 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#eee));
    background:-webkit-linear-gradient(top,#f5f5f5 0,#eee 100%);
    background:-o-linear-gradient(top,#f5f5f5 0,#eee 100%);
    background:-ms-linear-gradient(top,#f5f5f5 0,#eee 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#eeeeee',GradientType=0);
    background:linear-gradient(top,#f5f5f5 0,#eee 100%);
    -moz-box-shadow:0 0 1px #fff inset;-webkit-box-shadow:0 0 1px #fff inset;box-shadow:0 0 1px #fff inset; text-shadow: 0px 1px 1px #777777;
}
#nav > li > a:hover { 
    background:#f5f5f5;
    background:-moz-linear-gradient(top,#eee 0,#f5f5f5 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#eee),color-stop(100%,#f5f5f5));
    background:-webkit-linear-gradient(top,#eee 0,#f5f5f5 100%);
    background:-o-linear-gradient(top,#eee 0,#f5f5f5 100%);
    background:-ms-linear-gradient(top,#eee 0,#f5f5f5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#f5f5f5',GradientType=0);
    background:linear-gradient(top,#eee 0,#f5f5f5 100%);
    -moz-box-shadow:0 0 1px #fff inset;-webkit-box-shadow:0 0 1px #fff inset;box-shadow:0 0 1px #fff inset; text-shadow: 0px 1px 1px #777777;    
    
}

#nav > li > a.open {
    background:#eee;
    background:-moz-linear-gradient(top,#f5f5f5 0,#eee 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#eee));
    background:-webkit-linear-gradient(top,#f5f5f5 0,#eee 100%);
    background:-o-linear-gradient(top,#f5f5f5 0,#eee 100%);
    background:-ms-linear-gradient(top,#f5f5f5 0,#eee 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#eeeeee',GradientType=0);
    background:linear-gradient(top,#f5f5f5 0,#eee 100%);
    -moz-box-shadow:0 0 1px #fff inset;-webkit-box-shadow:0 0 1px #fff inset;box-shadow:0 0 1px #fff inset; text-shadow: 0px 1px 1px #777777;    
    border-bottom: 1px solid #ddd;
    }
#nav li ul { display: none; background: #777777;width:100%; }

#nav li ul li a { 
    padding:8px 10px;
    background:#fff;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
    border-right:1px solid #ddd;
    border-left:1px solid #ddd;border:1px solid #eee;font-weight:normal;color:#777777;width:100%;display:table;text-decoration:none;font-size:13px;
    text-shadow:1px 1px 0px #000;padding-right:20px;
    -moz-transition: padding-right .3s ease-in;
    -o-transition: padding-right  .3s ease-in;
    -webkit-transition: padding-right  .3s ease-in;
    transition: padding-right  .3s ease-in;
}
#nav li ul li a:hover {
  background:#f5f5f5;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f5f5f5',GradientType=0);padding-right:30px;
}


/* Fonts */

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

}
.teeth-box {display:table;float:right;width:40px;border:0px solid #000;height:150px;}
.teeth-opr {width:80px;height:80px;border:1px solid #eee}

.teeth-full {width:50px;height:90px;border-bottom:1px solid #eee;padding:0px 5px 0px 5px}
.teeth-info {width:50px;height:50px;border-bottom:1px solid #eee;padding:5px}
.teeth-numb {width:40px;height:40px;border-bottom:1px solid #eee;padding:10px 10px 0px 10px;font-family:digit;margin-right:5px}

.digit-box {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    padding-top:0px;
    display:block;
    font-family:digit;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
    font-size:20px;
    width:25px;height:25px;
    
}

.tl {
 -moz-box-shadow:-2px -2px 1px 1px #000000; -webkit-box-shadow: -2px -2px 1px 1px #000000; box-shadow: -2px -2px 1px 1px #000000;
 display:table;padding-bottom:4px;padding-left:4px;padding-right:5px;float:right;margin-right:5px;margin-left:10px;
}

.tr {
 -moz-box-shadow: 2px -2px 1px 1px #000000; -webkit-box-shadow: 2px -2px 1px 1px #000000; box-shadow: 2px -2px 1px 1px #000000;
 display:table;padding-bottom:4px;padding-left:4px;padding-right:5px;float:right;margin-right:5px;margin-left:10px;
}

.br {
 -moz-box-shadow:  2px 2px 1px 1px #000000; -webkit-box-shadow: 2px 2px 1px 1px #000000; box-shadow: 2px 2px 1px 1px #000000;
 display:table;padding-top:4px;padding-left:4px;padding-right:5px;float:right;margin-right:5px;margin-left:5px;
}

.bl {
 -moz-box-shadow: -2px 2px 1px 1px #000000; -webkit-box-shadow: -2px 2px 1px 1px #000000; box-shadow: -2px 2px 1px 1px #000000;
 display:table;padding-top:4px;padding-left:4px;padding-right:5px;float:right;margin-right:5px;margin-left:10px;
}

.teeth-top {
    padding-top:0px!important;height:25px!important;
}

.teeth-separator {width:1px;background:#ddd;height:30px;border:1px solid rgb(202, 202, 202);display:table;float:right;margin-left:4px;
}
.f-l {float:left!important}
@font-face {
  font-family: 'BKoodakBold';
  src: url('/fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */
       url('/fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BHoma';
  src: url('/fonts/BHoma.eot?#') format('eot'),  /* IE6–8 */
       url('/fonts/BHoma.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/fonts/BHoma.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BKoodakBold';
  src: url('/fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */
       url('/fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: "news";
    src: url('/fonts/b-nassim-regular.eot') format('eot'),
    url('/fonts/b-nassim-regular.woff') format('woff'),
    url("/fonts/b-nassim-regular.ttf") format('truetype');
}

@font-face {
    font-family: "newsb";
    src: url("/fonts/b-nassim-bold.ttf") format('truetype');
}
    
@font-face{
    font-family: "newsb";
    src: url('/fonts/b-nassim-bold.eot') format('eot');
}

@font-face{
    font-family: "newsb";
    src: url('/fonts/b-nassim-bold.woff');
}

.BKoodakBold {
	font-family: BKoodakBold, Times New Roman, tahoma, Helvetica, sans-serif;
    font-size:12px
}
.BHoma {
	font-family: BHoma, Times New Roman, tahoma, Helvetica, sans-serif;
}

/* Fonts Finish */

/* Profile */
.profile-boxes {
    display:table;background:#fff;text-align:center;height:100%;width:100%;position:relative;margin-bottom:15px;border-bottom:1px solid rgb(221, 221, 221);
}
.info-boxes {
    display:table;overflow:hidden;background:#fff;text-align:right;width:99%;position:relative;-moz-box-shadow:-1px 1px -1px 0px 1px #ddd;
    -webkit-box-shadow:-1px -1px -1px 1px 0px #ddd;box-shadow:1px 1px 1px 1px #ddd;
}
.teeth-info-title {background-color:#3996FE;display:table;width:100%;color:#ffffff;}
.info-summery-box {border-radius:5px;border:1px solid #c0d9eb;line-height:normal;background-color:#e4eef6;font-family:bhoma;width:100%;overflow:scroll!important;}
.info-summery-box-top {text-align:right;font-size:1em;border-top:1px solid #fff;border-bottom:1px solid #c0d9eb;font-weight:300;padding:0px 7px;border-top-left-radius:5px;border-top-right-radius:5px;line-height:normal;color:#7db0d8}
.info-summery-box-mdl {text-align:right;font-size:1em;border-top:1px solid #fff;border-bottom:1px solid #c0d9eb;font-weight:300;padding:0px 7px;line-height:normal;color:#7db0d8}
.info-summery-box-btn {text-align:right;font-size:1em;border-top:1px solid #fff;border-bottom:0;font-weight:300;padding:2px 7px;line-height:normal;color:#7db0d8}
.info-summery-box-val {margin-top:5px;margin-bottom:0;font-weight:500;font-size:1.0em;line-height:normal;color:#535353!important;font-family:digit}

.teeth-image{
        text-align: center;margin:20px 20px 0px 0px;border:0px solid #000
    }

.Profile-short{
        width: 100%;margin-right: 5px;display:table;border:0px solid red;
    }
.Profile-avatar{
        float: right;background-color: rgb(253, 253, 253);border-radius: 2px;-moz-box-sizing: border-box;padding: 4px;width: 70px;height: 70px;border: 1px solid rgb(236, 236, 236);margin-left: 15px;
    }
.Profile-data {
    border:0px solid black;overflow:hidden;font-family:bkoodakbold;height: 70px
}
.Profile-Pic {
        position: relative;z-index: 1;float: right;width: 130px;height: 130px;text-align: center;margin-top: 20px;margin-right: 20px;margin-bottom: 20px;overflow: hidden;        
        border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:4px;    
    }
    
.Profile-basic-info {
    position: relative;z-index: 5;float: right;width: 370px;word-wrap: break-word;
    padding-left: 0px;padding-right: 20px;padding-top: 0px;padding-bottom: 20px;text-align:right;
    margin-top:20px;top: 0px;left: 0px;border-left:1px solid #DDDDDD;
}
.margin-0 {margin-top:0px!important;padding-bottom: 0px!important;height:110px;}
.Profile-basic-summary {
    position: relative;float: left;display:table;word-wrap: break-word;margin-left: 20px;
    margin-top:20px;text-align:right;line-height:25px;border:0px solid #555;top: 0px;left: 0px;background-color:#F5F5F5;
}

.Profile-basic-summary-details {
    width: 189px;line-height:25px;margin:5px 5px 0px 5px;border:1px solid rgb(204, 204, 204);
    border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:4px 4px 4px 4px;    
    background-color:rgb(255, 255, 255);-moz-box-shadow:  0px 1px 1px rgba(0, 0, 0, 0.05) inset;-webkit-box-shadow:  0px 1px 1px rgba(0, 0, 0, 0.05) inset;
    box-shadow:  0px 1px 1px rgba(0, 0, 0, 0.05) inset;display:table;height:50px;
}

.l {float:left;}
.r {float:right}
.text-blue {color: rgb(0, 139, 203) !important;font:bold 12px Bkoodakbold !important}

.border-r {border-right: 1px solid #555;}
.info-title-row {
    position: relative;width: 500px;word-wrap: break-word;text-align:right;margin-bottom:5px;border:0px solid #555;display:table;float:right;
}
.info-title-title {
    position: relative;z-index: 5;float:right;word-wrap: break-word;text-align:right;width:130px;font-family:bhoma;font-size:12px;padding-right:15px;
}
.info-title-detail {
    position: relative;
    z-index: 5;    
    float:right;   
    word-wrap: break-word;
    padding-left: 10px;
    text-align:right;
    width:300px;
}
.Profile-details {
    position: relative;
    z-index: 5;
    float: right;
    width: 530px;
    word-wrap: break-word;
    padding: 0px;
    margin:0px 30px 0px 0px;
    border:0px solid #555;
}
.Profile-header-details{
    margin-bottom:15px;
    color:#000;
	font-family: bhoma, arial, serif; 
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
    padding:10px 20px 0px 10px;	            
    top:10px;
	left:0px;
	text-shadow: 0px 1px 1px black;
    border-bottom:1px solid #ddd;
}

.profile-name{
    color:#000;
	font-family: BKoodakBold,bhoma, arial, serif; 
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
    padding-bottom:0px;	        
	top:10px;
	left:0px;
	text-shadow: 0px 1px 1px black;
    border-bottom:1px solid #ddd;
    display:table;
}

.profile-other{
    color:#000;
	font-family: newsb,bhoma, arial, serif; 
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	left:0px; 
    color:#111958;
    border:0px solid red;
    width:48%;
}

.profile-header {
    color:#000;
	font-family: bhoma, arial, serif; 
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
    padding:20px 10px 20px 20px;	
    width:100%;        
	top:10px;
	left:0px;
	text-shadow: 0px 1px 1px black;
    border-bottom:1px solid #ddd;
}
.profile-rows-title {
    color:#000;
	font-family: tahoma, arial, serif; 
	font-size:10px;
	text-align:right;
	left:0px;
	text-shadow: 0px 1px 1px black;
    padding-right:15px;
    height:25px;
    border-left:0px solid #000;
    float:right;
    width:80px
}
.details {
width:400px;
}

.myfileupload-buttonbar input
{
    position: absolute;
    border:1px solid #000;
    border-width: 0 0 0 0;
    opacity: 0.0;
    top:0px;right:0px;
    filter: alpha(opacity=0);
    -o-transform: translate(250px, -50px) scale(1);
    -moz-transform: translate(-300px, 0) scale(4);
    direction: ltr;
    cursor: pointer;
    height:130px;
    -moz-box-shadow:-1px 1px -1px 0px 1px #ddd;
    -webkit-box-shadow:-1px -1px -1px 1px 0px #ddd;
    box-shadow:1px 1px 1px 1px #ddd;
}
.myui-button
{
    cursor: pointer;
    text-align: center;
    overflow: visible;
    bottom:0px;
    background-color: rgba(255,255,255,0.57);
    overflow: hidden;border:0px solid #000000;background-color:rgba(0,0,0,0.027);height:126px;height:126px;
    -moz-box-shadow:-1px 1px -1px 0px 1px #ddd;
    -webkit-box-shadow:-1px -1px -1px 1px 0px #ddd;
    box-shadow:1px 1px 1px 1px #ddd;
}
#fileupload {width:100%;height:100%;float:right;display:table;top:0px;}

.control-rows {width:100%;display:table;border:0px solid #ddd}
.control-rows-title {float:right;display:table;border:0px solid rgb(0, 0, 0);text-align:right;font-family:bkoodakbold;color:#5D5D5D}
.control-rows-icons {float:left;width:100px;display:table;border:0px solid rgb(0, 0, 0);text-align:left;padding-left:10px;vertical-align:bottom;}

.space {height:15px;width:100%;display:table;border:0px solid #000;}

.header-icon {background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.services-icon {background-image:url('/images/teeth-services-32.png');}
.dollar-icon {background-image:url('/images/dollar-icon-32.png');}
.control-dt-to-table {width:100%;display:table;border:0px solid #ddd;padding-right:0px;margin-right:0px;margin-top:10px}
.profile-icon {background-image:url('/images/profile-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.address-icon {background-image:url('/images/address-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.educate-icon {background-image:url('/images/educate-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.job-icon {background-image:url('/images/job-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.insurance-icon {background-image:url('/images/insurance-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.insurance2-icon {background-image:url('/images/insurance2-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.illness-icon {background-image:url('/images/illness-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.drug-icon {background-image:url('/images/drug-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.shift-icon {background-image:url('/images/shift-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.visit-icon {background-image:url('/images/visit-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.setting-icon {background-image:url('/images/setting-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.contact-setting-icon {background-image:url('/images/contact-settings-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.user-setting-icon {background-image:url('/images/user-settings-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.basket-icon {background-image:url('/images/basket-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.blank-icon {background-repeat:no-repeat;background-position:right;padding-right:35px;height:2px;border-bottom:0px solid #ddd;}
.phone-icon {background-image:url('/images/phone-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.fax-icon {background-image:url('/images/fax-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.mobile-icon {background-image:url('/images/mobile-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}
.social-icon {background-image:url('/images/social-icon.png');background-repeat:no-repeat;background-position:right;padding-right:35px;height:32px;border-bottom:1px solid #ddd;}

.margin-10px-l {margin-left:10px}
.margin-20px-l {margin-left:20px}
.margin-25px-l {margin-left:25px}

.padding-30px {padding-right:40px}
.padding-30px-t {margin-top:30px}
.padding-30px-b {margin-bottom:30px}
.padding-20px-b {margin-bottom:20px}
.padding-5px-t {margin-top:5px}
.align-r {text-align:right}
.align-c {text-align:center}
.align-l {text-align:left}
.margin-10px-r {margin-right:5px!important;}
.lbl-en-name {margin-top:5px!important;display:table;float:left;border:0px solid #fff;margin-left:5px;margin-bottom:5px}
.btn-cancell {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 18px;
    color: rgb(51, 51, 51);
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: rgb(245, 245, 245);
    background-image: -moz-linear-gradient(center top , rgb(255, 255, 255), rgb(230, 230, 230));
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(179, 179, 179);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.hire-or-post-banner .btn-success {
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
}
.btn-success {
    background-color: rgb(91, 183, 91);
    background-image: -moz-linear-gradient(center top , rgb(98, 196, 98), rgb(81, 163, 81));
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    background-color: rgb(81, 163, 81);
}
.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    color: rgb(255, 255, 255);
}

/*
    
    */

#updateOverlay{
	width:100%;height:100%;position:fixed;top:0;left:0;
	background: -moz-linear-gradient(rgba(6,6,6,0.2), rgba(6,6,6,0.2)) repeat-x rgba(6,6,6,0.2);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(6,6,6,0.2)), to(rgba(6,6,6,0.2))) repeat-x rgba(6,6,6,0.2);
	z-index:100000;
}

#updateBox{
    position:fixed;left:50%;top:50%;margin-top:-130px;text-align:center;font-size:11px;border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;padding:5px 5px 0px 5px;
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
}

#confirmOverlay{
	width:100%;height:100%;position:fixed;top:0;left:0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(6,6,6,.02)), to(rgba(6,6,6,0.3)));
	background-image: -webkit-linear-gradient(top, rgba(6,6,6,0.1), rgba(6,6,6,0.3));
	background-image: -moz-linear-gradient(top, rgba(6,6,6,0.1), rgba(6,6,6,0.3)); 
	background-image: -ms-linear-gradient(top, rgba(6,6,6,0.1), rgba(6,6,6,0.3)); 
	background-image: -o-linear-gradient(top, rgba(6,6,6,0.1), rgba(6,6,6,0.3));
	background-image: linear-gradient(top, rgba(6,6,6,0.1), rgba(6,6,6,.03));
    z-index:100000;
}

#confirmBox{
    background-color:white;border: 1px solid rgba(33, 33, 33, 0.6);text-align:center;
    font-size:11px;border:1px solid #D6D9D9;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;
    text-align:justify;line-height:20px;padding:5px 5px 5px 5px;-moz-box-shadow: 0 4px 20px rgba(255, 255, 255, 0.6);-webkit-box-shadow: 0 4px 20px rgba(255, 255, 255, 0.6);
    box-shadow: 0 4px 20px rgba(255, 255, 255, 0.6);display:table;
     position: absolute;
    top:20%;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: auto;
    margin: auto;

}

.cn {
width:800px;height:400px;
}
/*                          */

/* Operation Box  */

.oprbox {
	float: right;width: 250px;height: 100px;padding:0 3px 3px 3px ;background: #FFFFFF;
	background: linear-gradient(top bottom, #FFFFFF 50%, #F2F2F2 100%);background: -moz-linear-gradient(top, #FFFFFF 50%, #F2F2F2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #FFFFFF), color-stop(100%, #F2F2F2));
	background: -webkit-linear-gradient(top, #FFFFFF 50%, #F2F2F2 100%);background: -o-linear-gradient(top, #FFFFFF 50%, #F2F2F2 100%);
	background: -ms-linear-gradient(top, #FFFFFF 50%, #F2F2F2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F2F2F2',GradientType=0 );
	border: 1px solid rgba(0, 0, 0, 0.1);-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;font-family:bhoma;

}

.oprbox:hover,.oprbox:focus {
    opacity: 0.5;outline: 0;border: 1px solid #c0c0c0;cursor:pointer;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;
}

.points {
	float: right;width: 35px;margin: 0;font-family: Georgia, serif;font-size: 44px;font-weight: bold;text-align: center;line-height: 138px;text-shadow: none;color:rgba(255,255,255,.2)
}

.position {
	width: 100%;height: 30px;margin: 12px 0 0 0;
}

.digit1 {
    font-family:bhoma;width:100%;text-align:right;font-size:16px;font-weight:bold;border:0px solid #000;float:right
}
.opr-icon {display:table;width:20%;float:right;margin:15px 10px 0px 10px}
.opr-details {display:table;width:70%;float:right;}
.opr-box-out {width:250px;font-size:8px;float:right}
.boxName {
	width: 100%;font-size: 12px;color: #a6a6a6;text-shadow: 0 1px 0 rgba(255,255,255,.5);text-align:right;position: relative;font-family:bhoma;float:right
}
.oprbox3 {
	width: 100%;height: 120px;padding: 15px ;font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;font-size: 92px;
	color: #272727;text-shadow: 0 1px 0 #fff;overflow: hidden;direction:ltr;border:0px solid #000000;
}
.border-radious-5 {
    border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;    
}
/* Operation Box End*/

.top-buttons{min-height:79px}
.grid-12{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.grid-12{width:100%}
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12{
    float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}

.top-buttons>div.grid-2{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%;border-right:0}
.top-buttons>div.grid-2{
    float:right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:20%;
    border-bottom:1px solid #ececec !important;border-left:1px solid #ececec !important
}
.top-buttons>div{border-right:1px solid #ececec;height:79px}
.grid-2{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%}
.grid-2{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:50%}
.grid-2{width:16.66%}
.top-buttons>div a{height:70px}
.top-buttons>div a{padding:15px;display:block;height:71px;padding-top:3px;}
a{text-decoration:none}
.top-buttons>div a .data-icon{display:block}
.top-buttons>div a .data-icon{
    color:#5c5c5c;text-align:center;font-size:35px;height:71px;line-height:71px;font-family:'FontAwesome';float:right;margin-left:12px;width:38px;border:0px solid red;}
.fs-20px {font-size:20px!important}
.top-buttons>div a .data-info{width:auto;overflow:hidden;border:0px solid red}
.top-buttons>div a .data-info h4{color:#5c5c5c;font-size:24px;font-weight:normal;font-family:bkoodakbold,'Droid Serif',serif;margin:0px 0 0px 0;text-align:right;border:0px solid red}
.top-buttons>div a .data-info h5{font-size:13px;line-height:1.4;color:#a5a5a5;font-family:bkoodakbold,'Open Sans',sans-serif;font-weight:normal;text-align:right;}
.top-buttons>div a .data-info h5 span.s-down{color:#ff4242;float:right;border:0px solid red;margin-left:5px;}
.top-buttons>div a .data-info h5 span{margin-right:5px;font-family:'FontAwesome';font-size:13px}
.top-buttons>div a .data-info h5 span.s-up{color:#bace48;float:right;border:0px solid red;margin-left:5px}
.top-buttons>div a .data-info h5 span.i-stars{color:#f9d423;float:right;margin-left:5px}
.top-buttons>div a .data-info h5 span.msg-count{background-color:#a8a8a8;font-family:'Open Sans',sans-serif;font-size:12px;padding:1px 3px;border-radius:2px;color:#fff;height:14px;display:inline-block}
.top-buttons .custom-contents-top{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%}
.top-buttons .custom-contents-top{padding:15px}
.grid-4{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%}
.grid-4{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:50%}
.grid-4{width:33.33%}
.top-buttons .custom-contents-top .lightbox-block{float:left;height:60px;margin-right:15px}
.lightbox-block{border:1px solid #ddd;display:inline-block !important;padding:5px !important;border-radius:2px}
.top-buttons .custom-contents-top h4{margin-top:5px;margin-bottom:5px}
h4.typo{font-size:16px;line-height:1.5}
h1.typo,h2.typo,h3.typo,h4.typo,h5.typo,h6.typo{font-family:'Droid Serif',serif;font-weight:normal;color:#5c5c5c;margin-bottom:10px}
.top-buttons .custom-contents-top p{display:block}.top-buttons .custom-contents-top p{display:none}
.top-buttons .custom-contents-top p{font-size:13px}p.typo{margin-bottom:20px;font-family:'Open Sans',sans-serif;font-size:14px;line-height:1.7;color:#5c5c5c}