/***********************************************************	
	Design by: ChepVangChanh (www.chepvangchanh.com)
	All right reserved
***********************************************************/

/*================================== RESET CSS & COMMON STYLE =====================================*/
* {margin:0; padding:0;outline:none}

blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none}
table {border-collapse:collapse; border-spacing: 0}
ol, ul {list-style: none}
img, fieldset{border:none}
img {margin-bottom:6px}

body {font-size:12px; background:#001e59; font-family:Verdana; }
body.home {background:#001e59 url(../images/background/01_homepage_background.jpg) no-repeat center -89px; overflow-y:hidden}
body.know_the_asana_poses {background:#001e59 url(../images/background/07_gallery.jpg) no-repeat fixed top center}/*02_know_the_asana_poses*/
body.schedule {background:#001e59 url(../images/background/03_schedule.jpg) no-repeat fixed top center}
body.blog {background:#001e59 url(../images/background/04_blog.jpg) no-repeat fixed top center}
body.about {background:#001e59 url(../images/background/05_about.jpg) no-repeat fixed top center}
body.yoga_wellness {background:#001e59 url(../images/background/06_yoga_wellness.jpg) no-repeat fixed top center}
body.gallery {background:#001e59 url(../images/background/07_gallery.jpg) no-repeat fixed top center}
body.boutique {background:#001e59 url(../images/background/08_boutique.jpg) no-repeat fixed top center}
body.contact {background:#001e59 url(../images/background/09_contact.jpg) no-repeat fixed top center}

a, a:visited {text-decoration:none; color:#2db6e3}
a:hover, a:active {text-decoration:none; color:#767676; }
h1 { }
h2 { }
h3 {color: #000; font-size:11px; margin-top:10px; font-weight:normal}
h4 { }
h5 { }
h6 { }
p { }

.hidden{display:none}
.clear {clear:both;}
.position_relative {position:relative}
.position_absolute {position:absolute}
.floatleft {float: left}
.floatright {float: right}
.alignleft {text-align:left}
.aligncenter {text-align:center}
.display_block {display:block}
.display_inline {display:inline}
.margin_top0 {margin-top:0 !important}
.margin_left0 {margin-left:0 !important}
.margin_right0 {margin-right:0 !important}
.margin_bottom0 {margin-bottom:0 !important}
.padding_top0 {padding-top:0 !important}
.padding_left0 {padding-left:0 !important}

/*html {overflow-y: scroll}*/

/* all placeholder */
::-webkit-input-placeholder  { color:#bababa !important; }
:-moz-placeholder { color:#bababa !important; }
.placeholder  { color:#bababa !important; }
input:-moz-placeholder { color:#bababa !important; }

:focus {outline: none;}

/*================================== WRAP =====================================*/
#wrap {margin:0 auto; position:relative; width:1280px}

/*================================== TOP MENU =====================================*/
#topmenuwrap {height:33px; background-color:#fff;}
#topmenu {width:1260px; margin:0 auto; position:relative; font-family:'Futura2NormalRegular' !important; letter-spacing:1px; font-size:12px; font-weight:normal}

#menu li.seperator {display:block; float:right; width:2px; height:15px; background-color:#efefef;margin-top:9px}
#menu li a, #menu li a:visited {display:block; float:right; background:none; color:#a2a2a2; width:auto; height:33px; text-align:center; line-height:33px; padding:0px 23px; }
#menu li a:hover, #menu li a:active, #menu li.active a, #menu li.active a:visited 
{color:#44bfe7; text-decoration:none;}
#menu li a b, #menu li a:visited b {display:block; float:right; background:none; color:#595959; width:auto; height:33px; text-align:center; line-height:33px; margin:0px 0px; font-weight:normal}
#menu li a:hover b, #menu li a:active b, #menu li.active a b, #menu li.active a:visited b
{color:#44bfe7; text-decoration:none;}

#upcomming {position:absolute; left:742px; top:27px; background:transparent url(images/upcomming.png) no-repeat; width:119px; height:33px; z-index:2}

/*================================== LOGO & CONTENT =====================================*/
#logowrap {position:fixed; top:67px;}
#logowrap_inner {width:1280px; margin:0 auto;}
a#logo {background:transparent url(images/logo.png) no-repeat; width:157px; height:102px; float:left; margin-left:31px; top:34px; text-indent:-999999px; display:block;}

body.home #logowrap {position:absolute !important}


#content {width:1280px; margin:0; padding-top:150px}

#left_backgroung_smooth {position:absolute; width:40px; height:734px; top:0px; left:-5px; z-index:3; background:transparent url(images/left_bg_smooth.png) repeat-y}
#right_backgroung_smooth {position:absolute; width:40px; height:734px; top:0px; right:-5px; z-index:3; background:transparent url(images/right_bg_smooth.png) repeat-y}

/*================================== FOOTER =====================================*/
#footer_wrap {height:33px; background:#fff; width:100%; position:fixed; bottom:0; z-index:2; font-family:'Futura2NormalRegular' !important; letter-spacing:1px}

#footer {margin:0 auto; width:1280px;}
#footer_content {width:1280px; height:33px; background:#fff; margin: 0px auto}
#footer_copyright {width:600px; height:33px; float:left; line-height:36px; font-size:10px; font-weight:normal; margin-left:15px; color:#44bfe7}
#footer_btnlike {height:19px; width:75px; float:right; margin:7px 20px 0px 20px}

#footer_facebook {width:14px; height:15px; background-image:url(images/facebook.jpg); float:right; margin:9px 0px 0px 0px; display:block}
#footer_twitter {width:14px; height:15px; background-image:url(images/twitter.jpg); float:right; margin:9px 2px 0px 0px; display:block}
#footer_pinterest {width:14px; height:15px; background-image:url(images/pinterest.jpg); float:right; margin:9px 5px 0px 0px; display:block}
#footer_instagram {width:14px; height:15px; background-image:url(images/instagram.jpg); float:right; margin:9px 35px 0px 0px; display:block}

#footer_facebook:hover {background-position:0px -15px}
#footer_twitter:hover {background-position:0px -15px}
#footer_pinterest:hover {background-position:0px -15px}
#footer_instagram:hover {background-position:0px -15px}

/*=================================== LEFT & RIGHT WRAP =====================================*/
#leftwrap {width:470px; min-height:450px; margin:0px 22px 0px 0px; padding-right:25px; border-right:2px solid #f1f1f1; float:left; overflow:hidden}
#rightwrap {margin:0px 0px 0px 0px; width:200px; height:auto; float:left; overflow:hidden}

#rightwrap a, #rightwrap a:visited {text-decoration:none; color:#767676; text-overflow: ellipsis; white-space: nowrap; display:block; overflow:hidden; margin:0px 0px 5px 0px}
#rightwrap a:hover, #rightwrap a:active {text-decoration:none; color:#2db6e3}

.loading_blue {height:55px; background:transparent url(images/loading_blue.gif) no-repeat center center }

/*================================== HOME =====================================*/
#background_text1 {color: #FFFFFF; font-size: 22px; height: 22px; left: 838px; line-height: 18px; position: absolute; top: 422px; width: 366px; font-family:'Futura2NormalRegular' !important; letter-spacing:2px;}
#background_text2 {color: #FFFFFF; font-size: 22px; height: 18px; left: 906px; line-height: 18px; position: absolute; top: 453px; width: 409px; font-family:'Futura2NormalRegular' !important; letter-spacing:2px;}

#background_link a {position:absolute; left:910px; top:477px; line-height:16px; background:transparent url(images/btnarrow.png) no-repeat 0px -18px; padding-left:20px; font-weight:normal; color:#2db6e3; font-size:12px; margin-right:20px; margin-top:5px; float:left; display:block; font-family:'Futura2NormalRegular' !important; letter-spacing:2px}
#background_link a:hover {color:#fff; text-decoration:none; background-position:0px -18px}

/*=================================== FRAME CONTENT =====================================*/
#frame_content_wrap {width:740px; min-height:470px; overflow-y:auto; overflow-x:hidden; background-color:#fff; margin:0px auto; padding:20px 30px 50px 30px; position:relative; line-height:18px; font-size:10px; color:#767676; }
.frame_content_wrap_padding0 {width:800px !important; min-height:490px !important; padding:0px 0px 50px 0px !important;}

/*--- HEADER ---*/
#frame_header_wrap {width:770px; height:38px; background-color:#2db6e3; margin:0 auto; position:relative; padding-right:30px;}
#frame_header_wrap h1 {line-height:38px; color:#fff; font-size:15px; float:left; margin-left:31px; font-family:'Futura2NormalRegular' !important; letter-spacing:1px; font-weight:normal}

.header_tab_selected a, .header_tab_selected a:hover {font-weight:normal; font-family:'Futura2NormalRegular' !important; letter-spacing:1px; width:141px; height:38px; background-color:#fff; color:#2db6e3; text-align:center; float:left; font-size:15px; line-height:38px; text-decoration:none}
.header_tab a {font-weight:normal; font-family:'Futura2NormalRegular' !important; letter-spacing:1px; width:141px; height:38px; line-height:38px; color:#fff; font-size:15px; float:left; text-align:center}
.header_tab a:hover {width:141px; height:38px; line-height:38px; color:#2db6e3; background-color:#fff; font-size:15px; text-decoration:none}

.header_tab_right a {font-weight:normal; font-family:'Futura2NormalRegular' !important; letter-spacing:1px; display:block; height:38px; line-height:38px; color:#2db6e3; font-size:14px; float:right; text-align:center; background:#fff url(images/btnarrow_blue.png) no-repeat 20px 9px; padding:0px 20px 0px 40px; margin-right:-30px}
.header_tab_right a:hover {color:#767676; text-decoration:none; background:#fff url(images/btnarrow_gray.png) no-repeat 20px 9px}


/*--- ITEM ---*/
.item {width:223px; margin:0px 0px 5px 32px; float:left; overflow:hidden}
.thumbnail {position:relative; margin:10px 0px 5px 0px; width:220px; height:150px;}
.thumbnail img {width:220px; height:150px; border:1px solid #f0f0f0;}
.price12 {font-family:'Futura2NormalRegular' !important; letter-spacing:1px; position:absolute; background:#2db6e4; color:#fff; padding:12px 6px; left:20px; top:1px; max-width:188px; overflow:hidden; font-size:12px; font-weight:normal; line-height:14px; text-align:center}
.price8 {font-family:'Futura2NormalRegular' !important; letter-spacing:1px; position:absolute; background:#2db6e4; color:#fff; padding:8px 6px; left:20px; top:0px; max-width:188px; overflow:hidden; font-size:12px; font-weight:normal; line-height:14px; text-align:center}
.price_small {font-size:10px}
.price_large {font-size:14px}

#content_detail {margin:17px 0px 20px 0px}


/*--- ELEMENT STYLE ---*/
#frame_content_wrap h1 {font-family:'Futura2NormalRegular' !important; letter-spacing:1.5px;  line-height:10px; font-size:13px; font-weight:normal; color:#2db6e3;margin:15px 0px 4px 0px; line-height:20px}
#frame_content_wrap h2 {font-family:'Futura2NormalRegular' !important; letter-spacing:1.5px;  line-height:10px; font-size:14px; font-weight:normal; color:#6a6a6a;margin:15px 0px 5px 0px; line-height:20px; text-align:left}
#frame_content_wrap h3 {font-family:'Futura2NormalRegular' !important; letter-spacing:1.5px;  line-height:10px; font-size:11px; font-weight:normal; color:#6a6a6a;margin:15px 0px 2px 0px; line-height:20px;}
#frame_content_wrap h4 {font-family:'Futura2NormalRegular' !important; letter-spacing:1.5px;  line-height:10px; font-size:11px; font-weight:normal; color:#6a6a6a;line-height:20px;}
#frame_content_wrap h6 {font-family:'Futura2NormalRegular' !important; letter-spacing:1px;  line-height:10px; font-size:11px; color:#5a5a5a; margin:0px 0px 6px 0px; font-weight:normal}
p {margin:0px 0px 10px 0px; font-size:10px; text-align:left}

a.large_link_gray {font-family:'Futura2NormalRegular' !important; letter-spacing:1px; line-height:18px; background:transparent url(images/btnarrow.png) no-repeat 0px 0px; padding-left:20px; font-weight:normal; color:#999; font-size:13px; margin-right:20px; margin-top:5px; float:left; display:block}
a.large_link_gray:hover {color:#2db6e3; text-decoration:none; background-position:0px -18px}

a.large_link_blue {font-family:'Futura2NormalRegular' !important; letter-spacing:1px; line-height:18px; background:transparent url(images/btnarrow.png) no-repeat 0px -18px; padding-left:20px; font-weight:normal; color:#2db6e3; font-size:13px; margin-right:20px; margin-top:5px; float:left; display:block}
a.large_link_blue:hover {color:#767676; text-decoration:none; background-position:0px 0px}

a.title_link, a.titlelink:visited, .title_link {font-family:'Futura2NormalRegular' !important; letter-spacing:1px; line-height:20px; font-size:13px; font-weight:normal; color:#2db6e3 !important;margin:17px 0px 7px 0px !important; display:block}
a.title_link:hover {color:#767676 !important;}

a.gray_link, a.gray_link:visited {text-decoration:none; color:#767676}
a.gray_link:hover, a.gray_link:active {text-decoration:none; color:#2db6e3; }

/*=================================== WORKSHOPS =====================================*/
.date {height:27px; margin:10px 15px 8px 0px; line-height:23px;  float:left}
.time {height:27px; margin:10px 15px 8px 30px; line-height:23px; float:left}
.location {height:27px; margin:0px 15px 0px 0px; line-height:23px; display:block; clear:both}

.blue_circle {background:transparent url(images/blue_circle.png) no-repeat 0px 0px; display:block; float:left; width:27px; height:28px; color:#fff; font-size:12px; margin-right:12px; text-align:center; line-height:26px}


.workshops_item {margin:10px 0px 35px 0px; overflow:hidden; clear:both}
.workshops_item .postdate {background:#2db6e4; color:#fff; padding:8px 6px; width:28px; overflow:hidden; font-size:12px; font-weight:bold; line-height:14px; text-align:center; margin:4px 14px 0px 0px ; float:left}
.workshops_item .content {float:left; width: 80%;}

.workshops_item a.readmore {color:#666666; font-size:10px; font-weight:bold; line-height:15px; display:block; margin-top:10px;}
.workshops_item a.readmore:hover {color:#2db6e3}

/*=================================== BLOGS =====================================*/
.blog_item {width:223px; margin:0px 22px 0px 0px; float:left; overflow:hidden}
.blog_item h1 {line-height:10px; font-size:13px; font-weight:bold; color:#2db6e3;margin:0px 0px 5px 0px !important; line-height:20px}
.blog_item_footer {height:16px; border-top:2px solid #ebebeb; border-bottom:2px solid #ebebeb; padding:7px 0px; margin-bottom:15px}
.blog_item_footer a {color:#666666; font-size:10px; font-weight:bold; line-height:15px; float:left}
.blog_item_footer a:hover {color:#2db6e3}
.blog_item_footer a.comment {background:transparent url(images/comment.png) no-repeat; padding-left:26px; float:right !important; margin-right:8px; font-weight:normal}
.blog_item_footer a.comment:hover {background-position:0px -15px}

.large_img {position:relative; margin:10px 0px 5px 0px; width:470px; min-height:250px}
.large_img img {width:470px;}

.sharing_bar {padding-top:24px; height:30px}
.addthis_toolbox {width:370px; float:left}

#rightwrap .line {height:2px; background:#e5eaf0; width:100%; margin:15px 0px 5px 0px}

.tag a {float:none !important; display:inline !important}


/*=================================== SCHEDULES =======================*/
.class_type_item {float:left; margin:0px 36px 6px 0px}
.class_type_item .color {width:7px; height:7px; border:4px solid #fff; float:left; margin:0px 8px 0px 0px}
.class_type_item .name {font-size:12px; line-height:14px; float:left; font-family:'Futura2NormalRegular' !important; letter-spacing:1px;}

.book_class {background:transparent url(images/book_class.png) no-repeat; padding-left:20px; margin-left:10px; display:inline-block; line-height:13px; font-size:13px; color:#a7a7a7; font-family:'Futura2NormalRegular' !important; letter-spacing:1px;}
.cancel_class {background:transparent url(images/cancel_class.png) no-repeat; padding-left:20px; margin-left:10px; display:inline-block; line-height:13px; font-size:13px; color:#a7a7a7; font-family:'Futura2NormalRegular' !important; letter-spacing:1px;}
.full_class {background:transparent url(images/full_class.png) no-repeat; padding-left:20px; margin-left:10px; display:inline-block; line-height:13px; font-size:13px; color:#a7a7a7; font-family:'Futura2NormalRegular' !important; letter-spacing:1px;}

/*----- Schedules table ------*/
table.schedules {border:none; font-size:13px; margin:18px 0px 15px 0px; font-family:'Futura2NormalRegular' !important; letter-spacing:1px;}

table.schedules th {padding:9px 1px 9px 1px; border:2px solid #f0f0f0; border-top:none; color:#999999; font-weight:normal; width:94px; font-size:12px}
table.schedules th.blank {width:6px;border:none; padding:0;}
table.schedules th.first {width:6px; border:1px solid #efefef; border-top:none; border-left:none; padding:0}
table.schedules th.last {width:16px; border:1px solid #efefef; border-top:none; border-right:none; padding:0}
table.schedules th.day {border:1px solid #CCCCCC; border-top:none; border-right:none; padding:6px 0px 2px 0px; background:#CCCCCC; color:#fff; text-align:center; text-transform:uppercase; font-size:13px}

table.schedules td {border:2px solid #f0f0f0; width:94px; padding:0px; position:relative; color:#fff; text-align:center} /*set background color depend on class*/
table.schedules td.blank {width:16px;border:none; padding:0;}
table.schedules td.right {width:16px; border-right:none; padding:0}
table.schedules td.bottom {width:16px; height:14px; border-bottom:none; padding:0}
table.schedules td.bottom_right {width:16px; height:14px; border-right:none; border-bottom:none; padding:0}
table.schedules td.bottom_left {width:16px; height:14px; border-left:none; border-bottom:none; padding:0}
table.schedules td.left {width:6px; height:14px; border-left:none; padding:0}
table.schedules td.time {border:none; color:#999999; margin:0; line-height:12px; padding:12px 0px; float:none; font-size:12px; width:70px; text-align:center }

/*table.schedules td.today, table.schedules th.today {background:#fff}*/
table.schedules tr.date_row th.today {background:#666666; }
 
table.schedules .class {width:80px; padding:15px; overflow:hidden; text-overflow:ellipsis; height:100%; position:relative; font-size:12px; cursor:pointer}
table.schedules .class p { font-size:12px; margin:0; text-align:center}

table.schedules .class .btn-book {position:absolute; right:0; top:0; background:transparent url(images/book_class_btn.png) no-repeat; width:15px; height:15px; display:block; margin-left:2px}
table.schedules .class .btn-cancel {position:absolute; right:0; top:0; background:transparent url(images/cancel_class_btn.png) no-repeat; width:15px; height:15px; display:block; margin-left:2px}
table.schedules .class .btn-fullclass {position:absolute; right:0; top:0; background:transparent url(images/full_class_btn.png) no-repeat; width:15px; height:15px; display:block; margin-left:2px}

#class_type_container {border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; padding:11px 0px 3px 0px; margin:0px 10px 0px 76px}
table.schedules .class_full {background:#aaaaaa !important; color:#fff !important}
 
/*=================================== KNOW THE ASANA POSES =======================*/
/*---- HEADER -----*/
#frame_header_wrap a.pose_image_control {line-height:38px; font-size:10px; margin:0px auto; color:#fff; float:right}
#frame_header_wrap a.pose_image_control:hover {color:#000; text-decoration:none}
#frame_header_wrap span.pose_image_control {line-height:38px; font-size:10px; margin:0px auto; color:#fff; float:right; margin:0px 5px}

.large_white_circle {background: transparent url(images/small_white_circle.png) no-repeat 2px 0px ; text-align:center; width:24px; height:22px; color:#2db6e3; font-size:12px; display:block; float:left; margin:8px 0px 0px 6px; line-height:21px;font-family:'Futura2NormalRegular' !important; }


/*----- CONTENT ------*/
#pose_content_wrap {width:740px; height:360px; background-color:#fff; margin:0px 0px 0px 240px; padding:20px 30px 30px 30px; position:relative; overflow:hidden; line-height:18px; font-size:10px; color:#767676; position:relative}

.pose_item_loading_wrap {position:absolute; width:770px; height:360px; }

.small_white_circle_wrap {margin:6px auto; height:22px; width:800px}
.small_white_circle_content {margin:0px auto; height:22px;}
.small_white_circle {font-family:'Futura2NormalRegular' !important; background: transparent url(images/small_white_circle.png) no-repeat 2px 0px; text-align:center; width:23px; height:21px; color:#2db6e3; font-size:11px; float:left; display:block; margin:0px 3px 8px 3px; line-height:20px;}
.small_white_circle:hover {background-position:2px -21px; color:#fff;}
.small_white_circle.active {background-position:2px -21px; color:#fff;}


/*------- POSE NAVIGATION -------*/
.next_pose_loading {background: transparent url(images/loading_white.gif) no-repeat; position:absolute; display:block; left:1070px; top:365px; width:55px; height:55px}
.prev_pose_loading {background: transparent url(images/loading_white.gif) no-repeat; position:absolute; display:block; left:150px; top:365px; width:55px; height:55px}

a.next_pose {background: transparent url(images/next_pose.png) no-repeat; position:absolute; display:block; left:1077px; top:365px; width:44px; height:57px}
a.prev_pose {background: transparent url(images/prev_pose.png) no-repeat; position:absolute; display:block; left:158px; top:365px; width:44px; height:57px}
span.next_pose {background: transparent url(images/next_pose.png) no-repeat 0px -57px; position:absolute; display:block; left:1077px; top:365px; width:44px; height:57px}
span.prev_pose {background: transparent url(images/prev_pose.png) no-repeat 0px -57px; position:absolute; display:block; left:158px; top:365px; width:44px; height:57px}

.pose_item_loading_wrap iframe {background:transparent url(images/loading_blue.gif) no-repeat center center }

/*===================================== DIALOG ================================*/
#dialog_wrap {width:385px; height:auto;  background-color:#fff;}
#dialog_header_wrap {height:40px; background-color:#2db6e3}
#dialog_header_text {font-family:'Futura2NormalRegular' !important; letter-spacing:1px; line-height:40px; font-size:14px; font-weight:normal; float:left; color:#fff; margin-left:21px}

#dialog_content {height:auto; background-color:#fff; margin:7px 17px}
#dialog_content iframe {background:transparent url(images/loading_blue.gif) no-repeat center center }

label {color:#797979; margin-bottom:10px; font-weight:bold; margin-top:5px; line-height:20px;  border:none; border-bottom:2px solid #ebebeb; font-size:11px}
input {line-height:20px; height:20px;  margin-bottom:10px; margin-top:5px; color:#5a5a5a; border:none; padding:0px 2px 0px 0px; border-bottom:2px solid #ebebeb;font-size:11px}
input[type=text], input[type=password], select {font-family:Verdana}
input[type=text]:focus, input[type=password]:focus, select:focus {border-bottom:2px solid #2db6e3; }
select {height:22px; margin-bottom:10px; margin-top:5px; color:#8c8c8c; border:1px solid #fff; padding:0px 2px 0px 0px; border-bottom:2px solid #ebebeb;font-size:11px}

input[type=button], input[type=submit], button {font-family:'Futura2NormalRegular' !important; letter-spacing:1px; line-height:18px; background:transparent url(images/btnarrow.png) no-repeat 0px -18px; padding-left:18px; font-weight:normal; color:#2db6e3; font-size:14px; margin-right:20px; margin-top:5px; float:left; display:block; border:none; cursor:pointer; padding-bottom:3px; height:19px}
input[type=button]:hover, input[type=submit]:hover, button:hover {font-family:'Futura2NormalRegular' !important; letter-spacing:1px; color:#999; text-decoration:none; background-position:0px 0px}

.gallery-popup {font-family: 'Futura2NormalRegular' !important; text-align:left}
.gallery-popup .blue {color:#2DB6E3}

/*------*/
#dialog_header_wrap_2 {height:80px; background-color:#2db6e3; font-family:'Futura2NormalRegular' !important; letter-spacing:1px; line-height:23px; font-size:14px; font-weight:normal; color:#fff; padding-left:21px; padding-top:10px; height:55px}
#dialog_header_wrap_2 #class_name {float:left; width:236px; font-size:13px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis}
#dialog_header_wrap_2 #date {float:right; width:60px; text-transform:uppercase; font-size:13px; margin-right:20px; text-align:right}

/*------*/
#dialog_header_wrap_book_reki {height:60px; background-color:#2db6e3}
#dialog_header_text_book_reki {font-family:'Futura2NormalRegular' !important; letter-spacing:1px; line-height:20px; font-size:14px; font-weight:normal; float:left; color:#fff; margin:10px 35px 0px 21px;}


/*================================= ICON ================================*/
a.insert {background:url(images/inserticon.png); width:16px; height:16px; display:block; position:absolute; right:40px; top:17px;}
a.insert:hover {background-position:0px -16px;}

a.edit {background:url(images/editicon.png); width:16px; height:16px; display:block; position:absolute; right:20px; top:17px;}
a.edit:hover {background-position:0px -16px;}

a.delete {background:url(images/deleteicon.png); width:16px; height:16px; display:block; position:absolute; right:0px; top:17px;}
a.delete:hover {background-position:0px -16px;}


/*================== WIDTH ===============================*/
.width1  {float:left; width:10px}
.width2  {float:left; width:20px}
.width3  {float:left; width:30px}
.width4  {float:left; width:40px}
.width5  {float:left; width:50px}
.width6  {float:left; width:60px}
.width7  {float:left; width:70px}
.width8  {float:left; width:80px}
.width9  {float:left; width:90px}
.width10 {float:left; width:100px}
.width11 {float:left; width:110px}
.width12 {float:left; width:120px}
.width13 {float:left; width:130px}
.width14 {float:left; width:140px}
.width15 {float:left; width:150px}
.width16 {float:left; width:160px}
.width17 {float:left; width:170px}
.width18 {float:left; width:180px}
.width19 {float:left; width:190px}
.width20 {float:left; width:200px}
.width21 {float:left; width:210px}
.width22 {float:left; width:220px}
.width23 {float:left; width:230px}
.width24 {float:left; width:240px}
.width25 {float:left; width:250px}
.width26 {float:left; width:260px}
.width27 {float:left; width:270px}
.width28 {float:left; width:280px}
.width29 {float:left; width:290px}
.width30 {float:left; width:300px}
.width31 {float:left; width:310px}
.width32 {float:left; width:320px}
.width33 {float:left; width:330px}
.width34 {float:left; width:340px}
.width35 {float:left; width:350px}
.width36 {float:left; width:360px}
.width37 {float:left; width:370px}
.width38 {float:left; width:380px}
.width39 {float:left; width:390px}
.width40 {float:left; width:400px}
.width41 {float:left; width:410px}
.width42 {float:left; width:420px}
.width43 {float:left; width:430px}
.width44 {float:left; width:440px}
.width45 {float:left; width:450px}
.width46 {float:left; width:460px}
.width47 {float:left; width:470px}
.width48 {float:left; width:480px}
.width49 {float:left; width:490px}
.width50 {float:left; width:500px}
.width51 {float:left; width:510px}
.width52 {float:left; width:520px}
.width53 {float:left; width:530px}
.width54 {float:left; width:540px}
.width55 {float:left; width:550px}
.width56 {float:left; width:560px}
.width57 {float:left; width:570px}
.width58 {float:left; width:580px}
.width59 {float:left; width:590px}
.width60 {float:left; width:600px}
.width65 {float:left; width:650px}
.width70 {float:left; width:700px}

.width50_percent {float:left; width:50%}
.width85_percent {float:left; width:85%}
.width95_percent {float:left; width:95%}
.blog_item	h2	{ margin-top: 2px !important;}

.blue_p {color: #01AAE3;font-size: 12px;line-height: 14px;}
.blue {color: #2db6e3;font-size: 12px;line-height: 14px;}

.instruction_step1 {font-family: 'Futura2NormalRegular'; color: #2db6e3;font-size: 14px; background:url(images/1.jpg) no-repeat 33px 0px; margin-bottom:0px; padding:2px 0px 5px 76px; letter-spacing:1px}
.instruction_step2 {font-family: 'Futura2NormalRegular'; color: #2db6e3;font-size: 14px; background:url(images/2.jpg) no-repeat 33px 10px; margin-bottom:0px; padding:12px 0px 5px 76px; line-height:22px; letter-spacing:1px}

.notice_board {font-family: 'Futura2NormalRegular'; color: #fff; background:#2db6e4; font-size: 13px; padding:10px 15px; margin:3px 7px 0px 76px; line-height:18px; letter-spacing:1px; position:relative}
.notice_board .close {position:absolute; right:7px; top:3px; font-size:12px; font-family: 'Futura2NormalRegular'; color: #d2f3ff; }
.notice_board .close:hover {color:#a0e6ff}
.notice_board a {color:#d4f4ff}
.notice_board a:hover {text-decoration:underline}

#schedules_loading {background:url(images/loading-large.gif) no-repeat; width:100px; height:100px; position:absolute; left: 600px; top:535px; }