html {
   min-width: 1234px;
}
.g-icons {
   background:url(icons.png) no-repeat;
   cursor: pointer;
   display: inline-block;
   text-align: center;
   vertical-align: baseline;
   line-height: 1em;
   width: 16px;
   height: 16px;
}
.g-edit {
   background-position: 0 0;
}
.g-users-add {
   background-position: -16px 0;
}
.g-invite {
   background-position: -32px 0;
}
.g-plus {
   background-position: -48px 0;
}
.g-plus-32 {
   background-position: -64px 0;
   width: 32px;
   height: 32px;
}
.g-text {
   background-position: -96px 0;
   width: 24px;
   height: 24px;
}
.g-image {
   background-position: -120px 0;
   width: 30px;
   height: 24px;
}
.g-save24 {
   background-position: -150px 0;
   width: 24px;
   height: 24px;   
}
.g-upload24 {
   background-position: -174px 0;
   width: 24px;
   height: 24px;   
}
.g-undo {
   background-position: -96px -24px;
   width: 24px;
   height: 24px;
}
.g-redo {
   background-position: -120px -24px;
   width: 24px;
   height: 24px;
}
.g-trash {
   background-position: -150px -24px;
   width: 24px;
   height: 24px;
}
.g-zoom-in {
   background-position: -174px -24px;
   width: 24px;
   height: 24px;   
}
.g-zoom-out {
   background-position: -198px 0;
   width: 24px;
   height: 24px;   
}
.g-book-preview {
   background-position: -198px -24px;
   width: 24px;
   height: 24px;   
}
.g-page-edit {
   background-position: -222px 0;
   width: 24px;
   height: 24px;   
}
.g-page-background {
   background-position: -222px -24px;
   width: 24px;
   height: 24px;   
}
.g-foreground {
   background-position: -246px 0;
   width: 24px;
   height: 24px;   
}
.g-page-users {
   background-position: -246px -24px;
   width: 24px;
   height: 24px;   
}
.g-background-select {
   background-position: -270px 0;
   width: 30px;
   height: 24px;   
}
.g-print {
   background-position: -300px 0;
   width: 24px;
   height: 24px;   
}
.g-page-status {
   background-position: -324px 0;
   width: 24px;
   height: 24px;   
}
.g-copy-page {
   background-position: -348px 0;
   width: 24px;
   height: 24px;   
}
.g-template {
   background-position: -270px -24px;
   width: 24px;
   height: 24px;   
}
.g-help {
   background-position: -294px -24px;
   width: 24px;
   height: 24px;
}
.g-book-open {
   background-position: -318px -24px;
   width: 24px;
   height: 24px;
}
.g-book-package {
   background-position: 0 -16px;
}
.g-book-package-add {
   background-position: -16px -16px;
}
.g-book-package-edit {
   background-position: -32px -16px;
}
.g-book-package-delete {
   background-position: -48px -16px;
}
.g-user-add {
   background-position: 0 -32px;
}
.g-user-edit {
   background-position: -16px -32px;
}
.g-save {
   background-position: -32px -32px;
}
.g-upload {
   background-position: -48px -32px;
}
.g-cross {
   background-position: -64px -32px;
}
.g-crop {
   background-position: -80px -32px;
}
.g-rotate-right {
   background-position: -64px -48px;
}
.g-rotate-left {
   background-position: -80px -48px;
}
.g-lock {
   background-position: -96px -48px;
}
.g-unlock {
   background-position: -112px -48px;
}
.g-resize-to-actual {
   background-position: -128px -48px;
}
.g-image-import {
   background-position: -144px -48px;
}
.g-image-share {
   background-position: -160px -48px;
}
.g-image-unshare {
   background-position: -176px -48px;
}
.g-paint-bucket {
   background-position: -192px -48px;
}
.g-paint-brush {
   background-position: -208px -48px;
}
.g-border-draw {
   background-position: -224px -48px;
}
.g-shopping-cart {
   background-position: -240px -48px;
}
.g-layer-front {
   background-position: -256px -48px;
}
.g-layer-back {
   background-position: -272px -48px;
}
.g-download {
   background-position: -289px -48px;
}
.g-image-zoom-in {
   background-position: -321px -48px;
}
.g-image-zoom-out {
   background-position: -305px -48px;
}
.g-read-more-arrow {
   background-position: -337px -48px;
   width:22px;
   vertical-align: middle;
}
.g-pause {
   background-position: -359px -48px;
}
.g-play {
   background-position: -375px -48px;
}
.g-task-add {
   background-position: -391px -48px;
}
.g-task-view {
   background-position: -407px -48px;
}
.g-yes {
   background-position: -423px -48px;
}
.g-no {
   background-position: -439px -48px;
}
.g-overflow-arrow {
   background-position: -455px -48px;
}
.g-delete-user {
   background-position: -342px -24px;
}
.g-shopping-cart-add {
   background-position: -358px -24px;
}
.g-shopping-cart-delete {
   background-position: -374px -24px;
}
.g-shopping-cart-checkout {
   background-position: -390px -24px;
}
.g-report {
   background-position: -406px -24px;
}
.g-settings {
   background-position: -422px -24px;
}
.g-pdf {
   background-position: -438px -24px;
}
.g-money-dollar {
   background-position: -454px -24px;
}
.g-login {
   background-position: -470px -24px;
}
.container .g-overflow-arrow {
   position: absolute;
   bottom: 0;
   left: 50%;
   display: none;
}
.container.overflowing .g-overflow-arrow {
   display: block;
}
/*---------------------------------SYS------------------------------------*/
.home #header {
   background-color: #ffffff;
   background-image: url(../../cms/css_images/header.png);
   background-position: top right;
   background-repeat: no-repeat;
	height:168px;
   width: 100%;
   z-index: 1;
}
.home #header-fixed {
   background-color: #ffffff;
   position: absolute;
   top: 168px;
   left: 0;
   width: 100%;
   min-width: 1234px;
   z-index: 1000;
}
.home #header-logo {
   background-image: url(../../cms/css_images/logo.png);
   background-repeat: no-repeat;
   background-position: 40px top;
   position: absolute;
   width:430px;
   height:165px;
   top: 43px;
   z-index:1001;
   background-size: 31.7em;
}
.sys-btn {
   position: fixed;
   right:0;
   cursor: pointer;
   height: 22px;
   background-color: #26abe3;
   font-size: 13px;
   font-weight: bold;
   padding: 13px 5px;
   z-index: 1001;
}
.bx-wrapper .bx-controls-direction a {
   z-index: 999 !important;
}
.sys-btn:hover .text {
   display: inline-block;
}
.sys-btn:not(.sys-search):hover {
   padding: 13px 10px;
}
.sys-btn.sys-search:hover {
   padding:3px 5px;
   height:36px;
}
.sys-btn .text {
   color: white;
   padding-left: 10px;
   line-height: 22px;
   display: none;
}
.sys-btn .icon {
   background-image: url(../../cms/css_images/social_icons.png);
   background-color: #26abe3;
   padding: 3px 11px;
}
.sys-login .icon {
   background-position: -4px -8px;
}
.sys-facebook .icon {
   background-position: -4px -81px;
   padding: 4px 11px;
}
.sys-twitter .icon {
   background-position: -4px -116px;
}
.sys-google-plus .icon {
   background-position: -4px -204px;
   padding: 5px 12px;
   margin: 0 -1px;
}
.sys-youtube .icon {
   background-position: -4px -182px;
   padding: 4px 12px;
   margin: 0 -1px;
}
.sys-search .icon {
   background-position: -4px -155px;
}
.sys-login {
   top:0px;
}
.sys-facebook {
   top:48px;
}
.sys-twitter {
   top:96px;
}
.sys-google-plus {
   top:144px;
}
.sys-youtube {
   top:192px;
}
.sys-search {
   top:240px;
   height: 16px;
}
table {
   border-collapse:collapse;
   border-spacing:0;
}
p {
   margin:0px;
}
.btn:hover, 
.btn:focus {
   background-color: #D5E3ED; 
   background-image: -moz-linear-gradient(top, #ffffff, #D5E3ED);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#D5E3ED));
   background-image: -webkit-linear-gradient(top, #ffffff, #D5E3ED);
   background-image: -o-linear-gradient(top, #ffffff, #D5E3ED);
   background-image: linear-gradient(to bottom, #ffffff, #D5E3ED);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D5E3ED', GradientType=0);
}
.btn, a.btn:visited, a.btn:active {
   outline: none;
   font-size:14px;
   cursor: pointer;
   border: 1px solid #bbbbbb;  
   padding: 0.4em 0.6em;
   color: #555555 !important;
   text-decoration: none;
   display: inline-block;
   -webkit-border-radius: 0.4em;
   -moz-border-radius: 0.4em;
   border-radius: 0.4em;
   -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   box-shadow: 1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
   background-color: #f8f8f8; 
   background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
   background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
}
.btn .button-text {
   display: inline;
   padding: 0 3px;
   vertical-align: top;
}
.btn.disabled {
   cursor: default;
   opacity: 0.65;
   filter: alpha(opacity=65);
   -webkit-box-shadow: none;
   box-shadow: none;
}
.btn.toggle {
   background-image:none;
   outline:0;
   -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
   box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
   background-color:#e6e6e6;
   border-color:#adadad;
}
.home #nav {
	height:74px;
   background-image: url(../../cms/css_images/header_linear_pink.png);
	font-weight:normal;
	font-size:15px;
}
.loggedin #nav {
   margin: 28px 20px 0 0;
	font-weight:normal;
	float:right;
	font-size:15px;
	width:1000px;
}
.loggedin .user_login {
   margin-right: 20px;
}
table#menu td a {
	height: 18px;
	text-decoration: none;
	color: #FFFFFF;
	padding:11px 10px;
	text-transform:capitalize;
	float:left;
	background:none;
   margin: 0 2px;
}
@media screen and (max-width: 1234px) {
   table#menu td a {
      padding: 11px 5px !important;
   }
}
.home table#menu {
	margin: 34px 0 0 0;
}
.loggedin table#menu {
	border-collapse: collapse;
	height:auto;
	list-style-type: none;
	padding: 0;
	white-space: nowrap;
	float:left;
	position:inherit;
	left:30px;
}
table#menu td a:hover, table#menu td a.active {
	background:#ffcc33;
	color:#BD0F62;
}
table#menu td a span {
	padding:0 5px;
	white-space:nowrap;
	display: block;
	white-space: nowrap;
    font-weight: bold;
    float:left;
}
/* ---------side nav---------- */
.user_login{
	padding:10px 20px;
}
.home .user_login {
   display: none;
}
.user_login a, .user_login a:visited{
	color:#000;
	font-weight:normal;
}
.user_login a:hover , .user_login a:active span{
	color:#BD0F62;
}
.home .side-nav {
	height:40px;
	font-weight:normal;
	font-size:13px;
	width:100%;
   background-color: #ffcc33;
   clear:both;
}
.loggedin .side-nav{
	background:#ffcc33;
	padding:0;
	height:40px;
	padding:0;
	font-weight:normal;
	float:right;
	text-align: right;
	font-size:1.1em;
	width:100%;
}
.side-nav ul {
	list-style:url(../../cms/css_images/bullet-2.png);
	padding:0 8px 0 0;
   margin-top: 10px;
}

.side-nav h3 {
    background: url(../../cms/css_images/dotted-repeat-x.png) repeat-x left bottom;
	display:none;
}

.side-nav ul a {
	color:#000;
	font-weight:normal;
}
.side-nav ul a:hover span, .side-nav ul a:active span, .side-nav ul a.active span {
	color:#BD0F62;
}
.side-nav ul li {
	padding:0 10px 0;
	display: inline;
	border-left:solid 1px #000000;
}
.side-nav ul li:first-child {
   border-left: none;
}
/* -----------footer-----------*/
#footer {
   background-image: 
      url(../../cms/css_images/footer_left.png),
      url(../../cms/css_images/footer_right.png),
      url(../../cms/css_images/footer-linear.png);
   background-position: left bottom, right bottom,left;
   background-repeat: no-repeat, no-repeat, repeat-x ;
   height: 325px;
   width: 100%;
}
#footer_banner {   
   background-color: #80d4f8;
   color: #085582;
   font-size: 24px;
   height: 35px;
   padding: 5px 80px 0 10px;
   width: 350px;
}
#footer0 {
	background: #f8ca3e;
	padding: 3px 180px;
}
#footer_top {
	padding: 10px 0;
	text-align:left;
	height: 220px;
	font-size: 1.34em;
}
#footer_top p {
	color:#BD0F62;
	font-weight: bold;
	font-size: 1.5em;
}
#footer3 {
	float:left;
	height: 230px;
	width:64%;
}
#footer2 {
	float:left;
	height: 230px;
	width:31%;
}
#footer_bottom {
	color:#ffffff;
	padding:14px 0px 0 4px;
	text-align:center;
	margin:0;
	border:0;
	font-size: 15px;
}
.main-wrapper.loggedin {
   width: 100%;
   font-size: 12px;
}
.loggedin .user_login, .loggedin .user_login a {
   color: #000000 !important;
   font-size: 12px !important;
   text-decoration: none !important;
}
.loggedin .user_login a:hover, .loggedin .user_login a:active span {
   color:#BD0F62 !important;
}
.loggedin > .content {
   margin:0;
   min-height:700px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box; 
}
.loggedin #header {
   height:174px;
}
.loggedin .logo {
	height:174px;
	width:100%;
}
.loggedin .section1, .color1 {
   color: #ffffff;
   background-color: #bd0f62;
}
.loggedin .section2, .color2  {
   background-color: #FFA500;
}
.loggedin .logo .section1,
.loggedin .logo .side-nav {
   margin-left: 416px;
}
.loggedin .logo .section1 {
   margin-top:20px;
   height:68px;
}
.loggedin .logo .side-nav {
   height:40px;
   float:none;
   width: auto;
}
.loggedin #footer {
   height: 63px;
}
.loggedin #footer .section1 {
   height:30px;
}
.loggedin #footer .section2 {
   text-align: center;
   padding:10px;
   color: #ffffff;
}
/*--------------homepage-----------------------*/
.homebanner table{
   margin: 0 auto;
}
/* --------------news controller--------------------- */
.news {
	padding:0;
	font-size: 1.3em;
}
.news .row {
   margin: 0 auto;
}
.news .news_head {
   background: none repeat scroll 0 0 #83d6f2;
   font-size: 1.34em;
   font-weight: bold;
   padding: 8px 10px 8px 10px;
   color: #206799;
}
.news img {
   width : 400px;
   height : 250px;
}
.news .news_date{
   padding: 8px 0 8px;
}
.news .news_txt{
   padding: 0px 0 8px;
}
.news_more {
   font-weight:bold;
   padding: 0px 0 8px;
}
.news_more.archive {
   border-bottom:0;
   text-align:right;
   padding:15px 0 0 0;
   display : none;
}
.news_more.archive a {
   text-decoration:underline;
}
.row.bottom-dotted-border > div {
   padding: 10px;
   float: right;
   width: 600px;
   margin-right: 63px;
}
.row.bottom-dotted-border .column {
   padding: 10px;
   float: right;
margin-left: 60px;
   width: 410px;
}
.case_studies_banner {
	margin: 40px;
	padding: 10px 100px;
	height:300px;
}
/* ----------------container 3------------------------ */
.container-3 {
	clear: both;
}
.container-3_column {
	padding-left: 10px;
}
.container-3_row {
	clear:both; 
	margin: 0;
	padding: 15px 50px;
}
.container-3_left {
	margin-left: 270px;
}
.container-3_right {
	margin-right: 270px;
}
.container-3 .bulletin {
	color:#00a5e4;
	margin:0 10px 0 0;
}
.container-3_link {
	color:#000;
	font-size:0.8em;
}
.container-3_txt{
	padding: 5px 10px;
}
/* ----------------container 4------------------------ */
.container-4 {
	clear: both;
}
.container-4_column {
	padding: 0 10px;
	width: 400px;
}
.container-4_row {
	clear:both; 
	margin: 0;
	padding: 0;
}
.container-4_left {
	margin-left: 20px;
}
.container-4_title {
	background: none repeat scroll 0 0 #35D3EA;
	font-size: 1.3em;
	font-weight: bold;
	padding: 8px 0 8px 15px;
}
.container-4 .bulletin {
	color:#00a5e4;
	margin:0 10px 0 0;
}
.container-4_Books_link {
	text-align: center;
	color:#000;
	font-size:2.1em;
}
.container-4_txt{
	width: 85%;
	padding: 5px 10px;
	font-size: 1.3em;
}
.container-4 h2{
	width:70%;
}
/*-------------------------------tabel---------------------------------*/
.tg-table-orange { border-collapse: collapse; border-spacing: 0; width: 100%;}
.tg-table-orange td, .tg-table-orange th { background-color: #fff; border: 1px #aaa solid; color: #333; font-family: sans-serif; font-size: 100%; padding: 10px; vertical-align: top; text-align:center; }
.tg-table-orange .tg-even td  { background-color: #FCFBE3; }
.tg-table-orange th  { background-color: #F38630; color: #fff; font-size: 110%; font-weight: bold; }
.tg-table-orange tr:hover td, .tg-table-orange tr.even:hover td  { color: #222; background-color: #FFC950; }
.tg-bf { font-weight: bold; } .tg-it { font-style: italic; }
.tg-left { text-align: left; } .tg-right { text-align: right; } .tg-center { text-align: center; }
.tg-table-orange checkbox{ background:url(../../cms/css_images/checkbox.png) no-repeat; height:8px; width:8px;}

.tg-table-blue { border-collapse: collapse; border-spacing: 0; width: 100%;}
.tg-table-blue td, .tg-table-blue th { background-color: #f9c83d; border: 1px #aaa solid; color: #333; font-family: sans-serif; font-size: 100%; padding: 10px; vertical-align: top; text-align:center; }
.tg-table-blue .tg-even td  { background-color: #FCFBE3; }
.tg-table-blue th  { background-color: #cf1a5d; color: #fff; font-size: 110%; font-weight: bold; }
.tg-table-blue tr:hover td, .tg-table-blue tr.even:hover td  { color: #222; background-color: #80d4f8; }
.tg-bf { font-weight: bold; } .tg-it { font-style: italic; }
.tg-left { text-align: left; } .tg-right { text-align: right; } .tg-center { text-align: center; }
.tg-table-blue checkbox{ background:url(../../cms/css_images/checkbox.png) no-repeat; height:8px; width:8px;}
/*----------------------list-------------------------------*/
.list {  }
.list ul { list-style:none; padding: 0px;}
.list ul li { font-family:Georgia,serif,Times; font-size:20px; float: left; margin:  2px 5px;}
.list ul li a { font-size:16px;display:block; padding-top:5px; padding-bottom:5px; background-color:#333; border-left:5px solid #222; border-right:5px solid #222; text-decoration:none; color:#bfe1f1; }
.list ul li a:hover {  -moz-transform:rotate(-5deg); -moz-box-shadow:10px 10px 20px #000000; -webkit-transform:rotate(-5deg); -webkit-box-shadow:10px 10px 20px #000000; transform:rotate(-5deg); box-shadow:10px 10px 20px #000000; }
/*---------------------gridview----------------------*/
.gridview-title, .container-3_title{
   height: 26px;
   text-align:left; 
   font-size:24px; 
   padding:10px 10px 10px 15px;
   background-color: #80d4f8; 
   color: #085582;
}
.gridview-detail{margin:10px; text-align:center; font-size:1.0em; background-color:#ffffff;}
.gridview-title div.summary{font-size:0.6em;display: inline-block; float: right; padding: 8px;}
.pager{height: 18px; background-color: #80d4f8;margin-left: auto; margin-right: auto; padding:0 0 0 10px; width:auto;}
.tg-table-gridview { border-collapse: collapse; border-spacing: 0; width: 100%;table-layout:fixed;}
.tg-table-gridview tr.odd td, .tg-table-gridview th { background-color: #f9c83d; border: 1px #fff solid; color: #333; font-family: sans-serif; font-size: 100%; padding: 10px; vertical-align: top; text-align:center; cursor: pointer;}
.tg-table-gridview .tg-even td  { background-color: #FCFBE3; }
.tg-table-gridview th  { background-color: #cf1a5d; color: #fff; font-size: 110%; font-weight: bold; }
.tg-table-gridview tr:hover td, .tg-table-gridview tr.even:hover td  { color: #222; background-color: #80d4f8; }
.tg-table-gridview td { background:#80d4f8 none repeat-x scroll center left; color:#000; padding:7px 0px;text-align: center;}
.tg-table-gridview div.arrow { 
	background:transparent url(../../cms/css_images/arrows1.png) no-repeat scroll 0px -16px; cursor: pointer;
	display: inline-block;
	text-align: center;
	vertical-align: baseline;
	line-height: 1em;
	width: 16px;
	height: 16px;}
.tg-table-gridview div.up { background-position:0px 0px;}
.tg-table-gridview div.save { float:left;}
/*---------------------------list-options------------------------*/
.list-option{}
.list-option div.option-title{height: 20px; text-align:left; font-size:1.6em; padding:10px;background-color: #80d4f8;margin-left: auto; margin-right: auto;cursor: pointer;}
.list-option div.option-item{width:1100px;margin-left: auto; margin-right: auto;}
.list-option div.arrow { 
	background:transparent url(../../cms/css_images/arrows1.png) no-repeat scroll 0px -16px; cursor: pointer;
	display: inline-block;
	text-align: center;
	vertical-align: baseline;
	line-height: 1em;
	width: 16px;
	height: 16px;}
.list-option div.up { background-position:0px 0px;}
/*---------------------------------------------------------------*/
.sysButton{
    background-color: #f7c93e;
    background-image: none;
    border: 1px solid #f7c93e;
    border-radius: 5px 5px 5px 5px;
    color: #C22B34;
}	
.sysButton:hover {
    background-color: #C22B34;
    background-image: none;
    border: 1px solid #C22B34;
    border-radius: 5px 5px 5px 5px;
	cursor:pointer;
    color: #FFFFFF;
}
.btn-large {
    border-radius: 6px 6px 6px 6px;
    font-size: 17.5px;
    padding: 11px 19px;
}
.btn-medium {
    font-size: 16px;
    padding: 9px;
    width: 150px;
}
.btn-small {
    border-radius: 3px 3px 3px 3px;
    font-size: 11.9px;
    padding: 2px 10px;
}
/*---------------------------------------------------------------------*/
.packageTitleFrame {
    background-color: #FFFFFF;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
    padding: 4px 8px;
}
.packageTitle{
    border-bottom: 3px solid #929292;
    border-top: 3px solid #929292;
    padding: 15px 10px;
    text-align: center;
}
/*--------------------------sys-end---------------------------------------*/
.heading-1 {
   color: #00A7E5;
   font-size: 1.9em;
   font-weight: bold;
}
.heading-2 {
   color: #004589;
   font-size: 18px;
   font-weight: normal;
}
.heading-3 {
   color: #002F71;
   font-size: 14px;
   font-weight: normal;
}
body {
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #f1f1f2;
	font-size:0.7em;
	color: #525252;
}
.content-wrap {
   margin: 0 auto;
   width: 1170px;
}
body .main-wrapper.home > .content-wrap {
	margin-top: 113px;
	background-color: #FFFFFF;
   font-size: 17px;
}
h1 {
	margin: 0;
}
h2 {
	font-size: 1.9em;
	color:#00a7e5;
	font-weight: normal;
	margin: 0;
}

h3 {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	color:#00a5e4;
	font-weight:bold;
}

img {
	border: none;
}
a, a:visited {
	color:#00a7e5;
	text-decoration: none;
}
div.flashError {
	display: block;
	padding: 0.5em;
	margin: 0 0 1em 0;
	color: #CF3738;
	border: 1px solid #FFACAD;
	background-color: #FFD5D5;
}
form {
	margin: 0;
	padding: 0;
}
.main-wrapper {
	background: #ffffff;
/*	width:1200px;*/
	margin:0 auto;
}
.main-wrapper.home {
   background: #d7d7d7;
}
/* commonly used styles */
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clear-float {
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
/* sprite images */
.horizontal-bg {
	background-image:url(../../cms/css_images/horizontal-bg.png);
	background-repeat:repeat-x;
}
/* main structuring divs styles */
#header, #nav, #content, #footer {
	display:block;
}
.content-col-2 .col-2, .content-col-3 .col-1, .content-col-3 .col-2 {
	width:186px;
}
.content-col-3 .col-1 {
	padding:0 15px 0 0;
}
.search-pane {
	margin:15px 20px 0 0;
}
.search-text {
	color:#000;
	font-weight:bold;
	text-align:right;
        white-space: nowrap;
		width:120px;
}
/*.search-text a, #header a {
	font-size:0.8em;
	text-decoration:underline;
	color:#00a7e5;
	margin:-4px 0 0 0;
}*/
.searchBox {
	background-position:0 2px;
	border:solid 1px #cdcfd2;
	font-size:0.8em;
	padding:0 3px;
	height:26px;
	margin:0px 10px;
	width:130px;
}
.searchButton {
	margin:4px 0 0;
}
/*-----------------------------Main Navigation---------------------------*/
.accessibility {
	margin:0 18px 0 0;
}
#nav a {
	color: #FFFFFF;
}
table#menu td {
	height:auto;
	float:left;
}
table#menu td#home a span {
	border-left:none;
}
#menu td.navSpacer {
	font-size: 0.8em;
	font-weight: normal;
	padding: 0.1em 0.2em 0.25em;
	display:none;
}
/* -------------------content----------------------  */
#content {
	padding:10px;
	font-size:0.8em;
}
.page-content {
	padding:0 15px;
}
.page-content.left-bdr, .left-dotted-border {
	background: url(../../cms/css_images/dotted-repeat-y.png) repeat-y left top;
}
.right-dotted-border {
        background: url(../../cms/css_images/dotted-repeat-y.png) repeat-y right top;
}
.top-dotted-border {
        background: url(../../cms/css_images/dotted-repeat-x.png) repeat-x left top;
}
.bottom-dotted-border {
        background: url(../../cms/css_images/dotted-repeat-x.png) repeat-x left bottom;
}
.column.right-dotted-border {
    padding: 0 15px 0 0;
	float:none;
}
.column-2 {
    padding: 0 0 0 15px;
}
.row {
    margin: 5px  0 0 0;
    padding: 0 0 20px 0;
}
.row td {
    vertical-align: top;
}
.row .img-left {
    padding:0 15px 0 0 ;
    width: 63px;
}
.sub-heading {
    margin: 0 0 10px 0;
    font-size: 1em;
    font-weight: bold;
    padding:0 0 3px 0;
    background: url(../../cms/css_images/dotted-repeat-x.png) repeat-x left bottom;
}
ul.outside {
    list-style:outside;
    margin: 10px 0 0  15px;
}
/* ---------------container 1--------------------- */
.container-1 {
	background:#e1eef9;
	padding:10px;
}
.container-1 .title {
	background: url(../../cms/css_images/dotted-repeat-x.png) repeat-x left bottom;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.container-1 .title .icon {
	background:url(../../cms/css_images/btnSearch.png) no-repeat;
	width:21px;
	height:20px;
	margin:0 10px 0 0;
}
.bullet-1 {
	list-style:url(../../cms/css_images/bullet-1.png);
	padding:0 0 0 13px;
}
.bullet-1 li a {
	text-decoration:underline;
	font-size:1em;
}
/* ----------------container 2------------------------ */
.container-2 .title {
	background: url(../../cms/css_images/dotted-repeat-x.png) repeat-x left bottom;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	color:#00a5e4;
	font-weight:bold;
}
.container-2 .bulletin {
	color:#00a5e4;
	margin:0 10px 0 0;
}
.container-2 a {
	color:#000;
	font-size:0.8em;
}
/* -----------------links contorller------------------- */
.link a {
	background: none repeat scroll 0 0 #E1EEF9;
	color: #000000;
	float: left;
	font-size: 1em;
	padding: 0.6em 0.4em;
	width: 175px;
}
.link a .icon {
	background:url(../../cms/css_images/btnSearch.png) no-repeat;
	width:21px;
	height:20px;
	margin:0 10px 0 0;
}
.link a.gp2 .icon {
	background:url(../../cms/css_images/btnLink2.png) no-repeat;
}
.link a.gp2 {
	background:#cfe7f8;
}
.link a:hover {
	text-decoration:none;
}
/* -------------------latest event controller----------- */
.latest_event a {
	color:#000;
	font-weight:bold;
}
.latest_event_b p {
	margin:0;
}
.latest_event_h h3 {
	width:131px;
	float:left;
	margin:0 0 0 15px;
}
.latest_event_h a {
	float:left;
}
.latest_event_h {
	margin-bottom:10px;
	background: url(../../cms/css_images/dotted-repeat-x.png) repeat-x left bottom;
	float:left;
}
.latest_event_b {
	clear:both;
}
.footerSeperator {
	color:#58595b;
	font-weight:normal;
	margin:0px;
}
.row {
   clear:both; 
   padding: 5px 0;
   
}
.column {
   float:left; 
   padding: 0 10px;
}
/* weather */
.weather img{
   margin-right: 10px;
}
.bold-text {
   font-weight: bold;
}
.weather .min {
   color:blue;
}
.weather .max {
   color:red;
}
.weather .row {
   padding:0px 0 10px 0;
   margin: 10px  0 0 0;
}
.weather .links {
    color: #00A7E5;
}
.weather .links a {
    text-decoration:underline;
}

/*Calendar Event */
.calendar-control.container-1 .title{
   background: url(../../cms/css_images/dotted-repeat-x.png) repeat-x left bottom;
	padding:0 0 10px 0;
	margin: 0;
}
.tbl-calendar tr td.calendar-selected-day {
   background: #65c1ed;
}
.tbl-calendar tr.week-header td {
   background: #0066b3;
   color:#fff;   
   font-weight: bold;
}
.tbl-calendar tr td.calendar-event, .calendar-event {
   background: #efa448;
}
.calendar-control {
   background: #e1eef9;
}
.calendar-control .latest_event a {
	color:#00A7E5;
	font-weight:bold;
}
.tbl-calendar tr td.calendar-day {
   background: #b9e0f7;
}

/* Room Booking */
.tbl-room-booking tr td.room-booking-available, .room-booking-available {
   background: #92c039;
   cursor:pointer;
}
.tbl-room-booking tr td.room-booking-booked, .room-booking-booked {
   background: #e11a2c;
   cursor:pointer;
}
.room-name, .room-book-header {
  font-size: 0.8em;
   text-align: left; 
   padding:0 0 3px 0;
}
.grid-view {
   background: #F38630;
   font-size: 1.2em;
}
.grid-view table.items th {
	background: url("grid-bg.png") repeat-x scroll left top white;
}
.grid-view table.items th a {
   color: #ffffff;
}
.grid-view .summary {
   color: #000000;
}
.grid-view th {
   padding: 3px;
   color:#000;
   font-weight: bold;
   background: #eee;
}
.grid-view td {
   background: #fff;
   padding: 3px;
}
.column label.title-field {
   width:150px;
   float: left;
}
h3.room-info {
    background: url("../../cms/css_images/dotted-repeat-x.png") repeat-x scroll left bottom transparent;
}

.room-booking-btn-cancel {
   background: #a7a9ac;
   border:0px;
   padding:5px 0 5px 10px;
   width:140px;
   text-align: left;
   color:#fff;
   cursor: pointer;
   margin: 0 2px 0  0;
}
room-booking-btn-cancel:hover {
   background: #a0a2a5;
}
.room-booking-btn-submit {
   background: #00a5e4;
   border:0px;
   padding:5px 0 5px 10px;
   color:#fff;
   cursor: pointer;
   text-align: left;
   width:200px;
}

/* yammer conversation */

#divGroupList{
	width:100%;
	overflow:hidden;
	}
#divGroupList h3{
	background: url("../../cms/css_images/dotted-repeat-x.png") repeat-x scroll left bottom transparent;
    margin: 0 0 10px;
    padding: 0 0 10px;
	}
   H3#groupTitle {
      margin: 0;
   }
   P#pGroupTitle {
      margin: 0;
   }
   .shareUpdate p {
      margin: 3px 0;
   }
#divGroupList ul{
	padding:0px;
	margin:0;
	}
#divGroupList ul li{
	display:block;
	list-style:none;
	padding:3px 5px 5px 0px;
   background:#E1EEF9;
	}
#divGroupList ul li a{
	font-size:12px;
	color:#666;
	display:block;
	padding:3px 5px 5px 5px;
	margin-left:10px;
	}
#divGroupList ul li:hover{
	background-color:#CFE7F8;
	color:#000;
	display:block;
}

#divConversation{
	width:100%;
	overflow:hidden;	
	}
#divConversation .groupHeader{
	padding:10px;
	}
#divConversation .groupHeader .thumb{
	width:65px;
	float:left;
	}
#divConversation .groupHeader .groupInfo{
	float:left;
	width:390px;
	margin-left:20px;
	}
.groupInfo h3{
	padding:0px;
	margin:0px;
	}
.groupInfo p{
	padding:2px;
	margin:0px;
	}
.groupInfo p span{
	font-weight:bold;
	color:#333;
	}
.shareUpdate{
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    margin: 10px;
    padding-bottom: 10px;
    width: 100%;
    overflow: hidden;
	}
.shareUpdate p a{
	margin-right:10px;
	padding-right:20px;
	background:url(share-icon.jpg) right top no-repeat;
}

.shareUpdate textarea{
	width:500px;
	border:solid 1px #CCC;
	}
.shareUpdateIcon{
	width:10px;
	height:13px;
	display:block;
	background:url(share-icon.jpg) right bottom no-repeat;
	}
.wallPosts{
border-bottom: 1px solid #CCCCCC;
    margin: 8px 10px;
    overflow: hidden;
    padding-bottom: 8px;
    width: 100%;
	}
.wallPosts .smallThumb{
	width:48px;
	height:48px;
	margin-right:20px;
	float:left;
	}
.wallPosts .post{
	width:430px;
	float:left;
	}
.wallPosts .post h3{
	padding:0px;
	margin:0px;
	font-size:12px;
	font-weight:bold;
}
.wallPosts .post p{
	padding:0px;
	margin:0px;
}

.btn-yammer-send {
   background: #00a5e4;
   border:0px;
   padding:5px 0 5px 10px;
   color:#fff;
   cursor: pointer;
   text-align: center;
   width:100px;
   margin: 10px 0 0 0 ;
   float: right;
}

.btn-yammer-more {
   background: #E1EEF9;
   border:0px;
   padding:5px 0 5px 10px;
   width:97%;
   text-align: center;
   color:#000;
   cursor: pointer;
   margin: 0 0 0  15px;
}
.btn-yammer-more:hover {
   background: #CFE7F8;
}
.cse-branding-form  div{
	width:300px;
	float:right;
	font-size:0.9em;
	}

.book-package {
   border:1px solid #777777;
   margin-top:10px;
}
.book-packages {
  padding: 20px 0;
}
.book-package .book-package-header {
   padding: 5px 10px;
   height: 32px;
   border-bottom: 1px solid #777777;
   background-color:#414141;
   color: #FFFFFF;
}
.book-package-header .name {
   font-size: 18px;
   font-weight: bold;   
}
.book-package-info,
.book-package .book-package-books {
   margin: 20px;
}
.book-package-info div {
   font-size: 13px;
   display: inline-block;
}
.book-package-info > div {
   margin-right: 20px;
}
.book-package-info > div > div {
   padding: 3px 7px;
   border: 1px solid #EEEEEE;
}
.book-package-info .label {
   font-weight: bold;
   background-color: #F7F7F7;
}
.book {
   width: 250px;
   min-height: 487px;
	background: #ffffff;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
	padding: 6px;
   margin: 5px 10px;
	text-decoration: none;
	color: #333333;
	display: inline-block;
	position: relative;
	overflow: hidden;
	transition: all 0.12s ease-out 0s;
	-webkit-transition: all 0.12s ease-out 0s;
   border:2px solid #FFA500;
   vertical-align: top;
}
.book-package .book {
   min-height: 449px;
}
.book:hover {
   border:2px solid #bd0f62;
}
.book .watermark {
   width: 100%;
   height: 366px;
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0.8;
   filter: alpha(opacity=80); /* For IE8 and earlier */
   z-index: 2;
   pointer-events: none;
   text-align: center;
   padding: 6px;
   font-size: 17px;
}
.book .watermark div {
   background-color: #000000;
   color: #ffffff;
}
.book .book-pages {
   cursor: pointer;
   text-decoration: none;
   width: 250px;
   height: 354px;
   overflow: hidden;
}
.book .book-page {
   position: relative;
   width: 100%;
   height: 100%;
   zoom: 1;
   -moz-transform: scale(0.316);
   -moz-transform-origin: 0 0;
   -ms-transform: scale(0.316);
   -ms-transform-origin: 0 0;
   -o-transform: scale(0.316);
   -o-transform-origin: 0 0;
   -webkit-transform: scale(0.316);
   -webkit-transform-origin: 0 0;
   display:none;
}
.book.a5 .book-page {
   -moz-transform: scale(0.447);
   -ms-transform: scale(0.447);
   -o-transform: scale(0.447);
   -webkit-transform: scale(0.447);
}
.book .book-page.active {
   display: block;
}
.book-details .info {
   padding-top: 6px;
   font-size: 12px;
}
.book-details .info table {
   width: 100%;
}
.book-details .info td {
   padding: 3px 8px;
   border: 1px solid #666666;
}
.book-details .info td:first-child {
   background-color: #F7F7F7;
   font-weight: bold;
}
.book .btn {
   margin: 6px 3px 0 3px;
}
.book.new table {
   width: 100%;
   height: 100%;
}
.book.new td {
   text-align: center;
   vertical-align: middle;
   padding-top:190px;
}
.book.new td img {
   margin: 10px auto;
}
.no-book-packages {
   font-size:13px;
   padding: 5px;
}

.page-message {
   position: absolute;
   top: 140px;
   left: 178px;
}
.book-view {
   font-size:12px;
   position:relative;
   margin-top:20px;
}
.book-view  .color1 {
   font-weight: bold;
}
.book-pages-section .color1 {
   text-align:center;
}
.book-pages-section .color2 {
   padding: 10px 20px;
   width: 118px;
   overflow: auto;
}
.book-view .book-pages-section .color1 {
   padding: 10px;
}
.book-pages-section .page, .book-pages-section .nopage {
   width:40px;
   height:60px;
   margin:5px;
   background-color: #cacbcd;
   line-height: 60px;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   cursor: pointer;
   display: inline-block;
   vertical-align: top;
   position: relative;
   overflow: hidden;
}
.book-pages-section .nopage {
   background-color: transparent;
   cursor: auto;
}
.book-pages-section .page > div {
   line-height: normal;
   padding-top: 15px;
}
.book-pages-section .page.active, .book-pages-section .page:hover {
   outline:1px solid #96823b;
   background-color:#ffffff;
}
.book-pages-section .page-status {
   -moz-transform:rotate(-45deg);
   -webkit-transform:rotate(-45deg);
   transform:rotate(-45deg);
   position: absolute;
   top:48px;
   left:28px;
   width:24px;
   height:0px;
   padding-top: 24px !important;
}
.book-pages-section .page-status.incomplete {
   background-color: white;
}
.book-pages-section .page-status.complete {
   background-color: green;
}
.book-pages-section .page.not-saved .page-status {
   background-color: red;
}
.book-pages-section .page img.loading {
   width: 24px;
   background-color: white;
   position: absolute;
   top: 0;
   left: 0;
   padding: 18px 8px;
   display: none;
}
.book-pages-section .page.loading img.loading {
   display: block;
}
.book-page-section .loading {
   display: none;
}
.book-page-section {
   background-color: #bdbdbd;
   padding:10px;
   border:1px solid rgba(149, 149, 149, 0.4);
   border-color:rgba(149, 149, 149, 0.4);
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px; 
   position:relative;
   margin-top: 169px;
}
.book-page-section .next,
.book-page-section .prev {
  display: block;
  position: absolute;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  z-index: 1001;
  width: 35px;
  height: 45px;
  top: 50%;
}
.book-page-section .next {
  right: -25px;
  background: url(next.png) top right no-repeat;
}
.book-page-section .prev {
  left: -25px;
  background: url(prev.png) top right no-repeat;
}
.book-page-section .next:hover,
.book-page-section .prev:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.book-page-section .page_no {
   position: absolute;
   bottom: 20px;
   z-index: 1;
   font-size: 16px;
   font-weight: bold;
   color: #000000;
   width:50%;
   text-align: center;
}
.book-page-section .page_no.right {
   left:50%;
}
.zoom-9 .book-page-section {
   zoom: 1;
   -moz-transform: scale(0.9);
   -moz-transform-origin: 0 0;
   -o-transform: scale(0.9);
   -o-transform-origin: 0 0;
   -webkit-transform: scale(0.9);
   -webkit-transform-origin: 0 0;
}
body.ie .zoom-9 .book-page-section {
   zoom: 0.9;
}
.zoom-8 .book-page-section {
   zoom: 1;
   -moz-transform: scale(0.8);
   -moz-transform-origin: 0 0;
   -o-transform: scale(0.8);
   -o-transform-origin: 0 0;
   -webkit-transform: scale(0.8);
   -webkit-transform-origin: 0 0;
}
body.ie .zoom-8 .book-page-section {
   zoom: 0.8;
}
.zoom-7 .book-page-section {
   zoom: 1;
   -moz-transform: scale(0.7);
   -moz-transform-origin: 0 0;
   -o-transform: scale(0.7);
   -o-transform-origin: 0 0;
   -webkit-transform: scale(0.7);
   -webkit-transform-origin: 0 0;
}
body.ie .zoom-7 .book-page-section {
   zoom: 0.7;
}
.zoom-6 .book-page-section {
   zoom: 1;
   -moz-transform: scale(0.6);
   -moz-transform-origin: 0 0;
   -o-transform: scale(0.6);
   -o-transform-origin: 0 0;
   -webkit-transform: scale(0.6);
   -webkit-transform-origin: 0 0;
}
body.ie .zoom-6 .book-page-section {
   zoom: 0.6;
}
.zoom-5 .book-page-section {
   zoom: 1;
   -moz-transform: scale(0.5);
   -moz-transform-origin: 0 0;
   -o-transform: scale(0.5);
   -o-transform-origin: 0 0;
   -webkit-transform: scale(0.5);
   -webkit-transform-origin: 0 0;
}
body.ie .zoom-5 .book-page-section {
   zoom: 0.5;
}
.book-page-actions {
   height: 45px;
}
.book-component-actions, .book-texteditor-actions {
   height: 36px;
   border-top: 1px solid #000000;
}
.book-texteditor-actions {
   border-bottom: 10px solid #ffffff;
}
.book-page-actions, .book-component-actions, .book-texteditor-actions {
   position: absolute;
   z-index: 1001;
   padding: 5px;
   background-color: #c7c8ca;
   min-width: 820px;
}
.book-page-actions.fixed, .book-component-actions.fixed, .book-texteditor-actions.fixed, .seperator.fixed {
   position: fixed;
}
.book-page-actions {
   top: 0px;
   border-top: 10px solid #ffffff;
}
.book-component-actions {
   top: 65px
}
.book-texteditor-actions {
   top: 112px;
}
.book-pages-section {
   margin: 10px 20px 20px 0;
}
/* A4 Page layout styling for zoom functionality */
.a4 .book-page-actions.ml {
   margin-left: 826px;
}
.a4.zoom-9 .book-page-actions.ml {
   margin-left: 746px;
}
.a4.zoom-8 .book-page-actions.ml {
   margin-left: 666px;
}
.a4.zoom-7 .book-page-actions.ml {
   margin-left: 586px;
}
.a4.zoom-6 .book-page-actions.ml {
   margin-left: 506px;
}
.a4.zoom-5 .book-page-actions.ml {
   margin-left: 426px;
}
.a4 .book-page-actions.mr {
   margin-right: 806px;
}
.a4.zoom-9 .book-page-actions.mr {
   margin-right: 728px;
}
.a4.zoom-8 .book-page-actions.mr {
   margin-right: 646px;
}
.a4.zoom-7 .book-page-actions.mr {
   margin-right: 566px;
}
.a4.zoom-6 .book-page-actions.mr {
   margin-right: 486px;
}
.a4.zoom-5 .book-page-actions.mr {
   margin-right: 404px;
}
.a4 .book-pages-section .color2 {
   height: 1249px;
}
.a4.zoom-9 .book-pages-section .color2 {
   height: 1136px;
}
.a4.zoom-8 .book-pages-section .color2 {
   height: 1022px;
}
.a4.zoom-7 .book-pages-section .color2 {
   height: 907px;
}
.a4.zoom-6 .book-pages-section .color2 {
   height: 792px;
}
.a4.zoom-5 .book-pages-section .color2 {
   height: 678px;
}
.a4 .book-page-section {
   width: 796px;
}
.a4.two-pages .book-page-section {
   width: 1592px;
}
.a4.zoom-9 .panel-right {
   width: 736px;
   height: 1117px;
}
.a4.zoom-8 .panel-right {
   width: 655px;
   height: 1003px;
}
.a4.zoom-7 .panel-right {
   width: 574px;
   height: 888px;
}
.a4.zoom-6 .panel-right {
   width: 492px;
   height: 773px;
}
.a4.zoom-5 .panel-right {
   width: 410px;
   height: 645px;
}
.a4.zoom-9.two-pages .panel-right {
   width: 1454px;
}
.a4.zoom-8.two-pages .panel-right {
   width: 1292px;
}
.a4.zoom-7.two-pages .panel-right {
   width: 1130px;
}
.a4.zoom-6.two-pages .panel-right {
   width: 970px;
}
.a4.zoom-5.two-pages .panel-right {
   width: 808px;
}

/* A4 Page layout styling for zoom functionality */
.a5 .book-page-actions.ml {
   margin-left: 594px;
}
.a5.zoom-9 .book-page-actions.ml {
   margin-left: 536px;
}
.a5.zoom-8 .book-page-actions.ml {
   margin-left: 478px;
}
.a5.zoom-7 .book-page-actions.ml {
   margin-left: 422px;
}
.a5.zoom-6 .book-page-actions.ml {
   margin-left: 364px;
}
.a5 .book-page-actions.mr {
   margin-right: 574px;
}
.a5.zoom-9 .book-page-actions.mr {
   margin-right: 517px;
}
.a5.zoom-8 .book-page-actions.mr {
   margin-right: 461px;
}
.a5.zoom-7 .book-page-actions.mr {
   margin-right: 402px;
}
.a5.zoom-6 .book-page-actions.mr {
   margin-right: 344px;
}
.a5 .book-pages-section .color2 {
   height: 924px;
}
.a5.zoom-9 .book-pages-section .color2 {
   height: 839px;
}
.a5.zoom-8 .book-pages-section .color2 {
   height: 758px;
}
.a5.zoom-7 .book-pages-section .color2 {
   height: 676px;
}
.a5.zoom-6 .book-pages-section .color2 {
   height: 596px;
}
.a5 .book-page-section {
   width: 562px;
}
.a5.two-pages .book-page-section {
   width: 1123px;
}
.a5.zoom-9 .panel-right {
   width: 525px;
   height: 820px;
}
.a5.zoom-8 .panel-right {
   width: 477px;
   height: 738px;
}
.a5.zoom-7 .panel-right {
   width: 409px;
   height: 657px;
}
.a5.zoom-6 .panel-right {
   width: 350px;
   height: 575px;
}
.a5.zoom-9.two-pages .panel-right {
   width: 1032px;
}
.a5.zoom-8.two-pages .panel-right {
   width: 918px;
}
.a5.zoom-7.two-pages .panel-right {
   width: 803px;
}
.a5.zoom-6.two-pages .panel-right {
   width: 688px;
}

.book-page-actions .btn {
   display: none;
}
.book-page-actions .btn.active {
   display: block;
   margin: 0 1px;
}
.book-page-section .page {
   display:none;
   background-color: #ffffff;
   border:1px solid #959595;
   position:relative;
   overflow:hidden;
}
.book-page-section .page .mask {
   width:100%;
   height:100%;
   position:absolute;
   top:0;
   left:0;
   z-index:100;
   opacity: 0.7;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* For IE8 and earlier */
   background: #555555;
   display: none;
}
.book-page-section .page > .mask {
   z-index: 1000;
}
.book-page-section .page.inactive > .mask {
   display: block;
}
.ui-resizable-handle {
   z-index: 1001 !important;
}
img.c-image {
   width: 100%;
   height: 100%;
}
.book-view.a4 .book-page-section .page {
   width:210mm;
   height:297mm;
}
.book-view.a4 .book-page-section .container:not(.locked) img.c-image {
   max-width:216mm;
   max-height:303mm;
}
.book-view.a5 .book-page-section .page {
   width:148mm;
   height:210mm;
}
.book-view.a5 .book-page-section .container:not(.locked) img.c-image {
   max-width:154mm;
   max-height:216mm;
}
.book-page-section .page.active,
.book-page-section .page.inactive {
   display:inline-block;
   float:left;
}
.book-info-section > div {
   margin: 6px 10px 0 10px;
}
.book-info-section > div > div {
   padding: 4px 8px;
   border: 1px solid #bd0f62;
   float: left;
   /*height: 100%;*/
}
.book-info-section div {
   display: inline-block;
   vertical-align: top;
}
.book-view .container {
   position: relative;
   z-index: 1;
}
.book-component-actions .btn {
   display: none;
}
.book-component-actions .btn.active {
   display: inline-block;
}
.container.pressed:not(.editing) .mask {
   display: block;
}
.book-view .c-text.mce-edit-focus {
   outline: none;
}
.page-area .c-text {
   display: inline-block;
   overflow: hidden;
   outline: none;
}
#tabs, #tabs > div {
   background-color:#ffffff;
}
.image-gallery {
   height: 606px;
   padding: 0 10px;
   overflow: auto;
}
.template-gallery {
   height: 680px;
   padding: 0 4px;
   overflow: auto;
}
.image-gallery .image, .template-gallery .template {
   position: relative;
   margin: 4px 2px;
   display: inline-block;
   padding: 6px;
   border: 1px solid #dddddd; 
   opacity: 0.67;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=67); /* For IE8 and earlier */
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.template-gallery .template {
   padding: 3px;
}
.image-gallery .image.active, .image-gallery .image:hover,
.template-gallery .template.active, .template-gallery .template:hover {
   opacity: 1;
   filter: alpha(opacity=1); /* For IE8 and earlier */
   background: #0088cc !important;
}
.image-gallery .image, .image-gallery .image img {
   height: 100px;
   max-width:460px;
}
.image-gallery .image .g-cross {
   position: absolute;
   top: 6px;
   right: 6px;
   display: none;
}
.image-gallery .image.active .g-cross, .image-gallery .image:hover .g-cross {
   display: block;
}
#tabs table {
   width:100%;
}
#tabs table td, #template-dialog table td {
   vertical-align: top;
}
#image-dialog .preview .g-cross {
   display: none;
}
#image-dialog .preview img {
   max-height: 400px;
   max-width: 400px;
   margin: 0 auto;
   display: block !important;
}
#image-dialog .preview, #template-dialog .preview {
   padding: 5px;
   position: relative;
}
#image-dialog .preview-panel, #template-dialog .preview-panel {
   border: 1px solid #000000;
   padding:5px;
   width: 420px;
   height: 420px;
}
#template-dialog .preview-panel {
   width: 409px;
   height: 600px;
}
#template-dialog .template-gallery .page-area {
   zoom: 0.448;
   -moz-transform: scale(0.2);
   -moz-transform-origin: 0 0;
   -ms-transform: scale(0.448);
   -ms-transform-origin: 0 0;
   -o-transform: scale(0.448);
   -o-transform-origin: 0 0;
   -webkit-transform: scale(0.448);
   -webkit-transform-origin: 0 0;
   background-color: #ffffff;
}
#template-dialog.a5 .template-gallery .page-area {
   zoom: 0.53;
   -moz-transform: scale(0.28);
   -moz-transform-origin: 0 0;
   -ms-transform: scale(0.53);
   -ms-transform-origin: 0 0;
   -o-transform: scale(0.53);
   -o-transform-origin: 0 0;
   -webkit-transform: scale(0.53);
   -webkit-transform-origin: 0 0;
   background-color: #ffffff;
}
#template-dialog .preview .page-area {
   zoom: 0.7;
   -moz-transform: scale(0.49);
   -moz-transform-origin: 0 0;
   -ms-transform: scale(0.7);
   -ms-transform-origin: 0 0;
   -o-transform: scale(0.7);
   -o-transform-origin: 0 0;
   -webkit-transform: scale(0.7);
   -webkit-transform-origin: 0 0;
   background-color: #ffffff;
}
#template-dialog.a5 .preview .page-area {
   zoom: 0.828;
   -moz-transform: scale(0.685);
   -moz-transform-origin: 0 0;
   -ms-transform: scale(0.828);
   -ms-transform-origin: 0 0;
   -o-transform: scale(0.828);
   -o-transform-origin: 0 0;
   -webkit-transform: scale(0.828);
   -webkit-transform-origin: 0 0;
   background-color: #ffffff;
}
#template-dialog .template {
   width:164px;
   height:230px;
   background: #000000;
}
#border-dialog table {
   display: inline-block;
   vertical-align: top;
   margin: 20px 20px 0 20px;
}
#border-dialog .border-example {
   width: 100px;
   height: 100px;
   margin-left: 20px;
}

.files table td { 
   vertical-align: middle !important;
   padding: 5px;
}
.files table .button-text {
   font-size: 16px;
   vertical-align: super;
}
.files table td.image {
   text-align: center;
}
.files table td.name {
   min-width: 100px;
}
.files table .size {
   min-width: 60px;
}
.files table td.shared-chk {
   min-width: 70px;
}
.files table .action-btns {
   min-width: 200px;
}
.files table .progress-bar {
   width: 100%;
}
.files table .progress {
   visibility: hidden;
   width: 100%;
   height: 20px;
   position: relative;
   background: #555;
   -moz-border-radius: 25px;
   -webkit-border-radius: 25px;
   border-radius: 25px;
   padding: 10px;
   -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
   -moz-box-shado: inset 0 -1px 1px rgba(255,255,255,0.3);
   box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
.files table .progress.active {
   visibility: visible;
}
.files table .progress .complete {
   display: block;
   height: 100%;
   width: 0%;
   -webkit-border-top-right-radius: 8px;
   -webkit-border-bottom-right-radius: 8px;
   -moz-border-radius-topright: 8px;
   -moz-border-radius-bottomright: 8px;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
   -webkit-border-top-left-radius: 20px;
   -webkit-border-bottom-left-radius: 20px;
   -moz-border-radius-topleft: 20px;
   -moz-border-radius-bottomleft: 20px;
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
   background-color: rgb(43,194,83);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, #f1a165),
      color-stop(1, #f36d0a)
      );
   background-image: -moz-linear-gradient(
      center bottom,
      #f1a165 37%,
      #f36d0a 69%
      );
   -webkit-box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
   -moz-box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
   box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
   position: relative;
   overflow: hidden;
}
.files table .progress .complete:after {
   content: "";
   position: absolute;
   top: 0; left: 0; bottom: 0; right: 0;
   background-image: 
      -webkit-gradient(linear, 0 0, 100% 100%, 
      color-stop(.25, rgba(255, 255, 255, .2)), 
      color-stop(.25, transparent), color-stop(.5, transparent), 
      color-stop(.5, rgba(255, 255, 255, .2)), 
      color-stop(.75, rgba(255, 255, 255, .2)), 
      color-stop(.75, transparent), to(transparent)
      );
   background-image: 
      -moz-linear-gradient(
      -45deg, 
      rgba(255, 255, 255, .2) 25%, 
      transparent 25%, 
      transparent 50%, 
      rgba(255, 255, 255, .2) 50%, 
      rgba(255, 255, 255, .2) 75%, 
      transparent 75%, 
      transparent
      );
   z-index: 1;
   -webkit-background-size: 50px 50px;
   -moz-background-size: 50px 50px;
   background-size: 50px 50px;
   -webkit-animation: move 2s linear infinite;
   -moz-animation: move 2s linear infinite;
   -webkit-border-top-right-radius: 8px;
   -webkit-border-bottom-right-radius: 8px;
   -moz-border-radius-topright: 8px;
   -moz-border-radius-bottomright: 8px;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
   -webkit-border-top-left-radius: 20px;
   -webkit-border-bottom-left-radius: 20px;
   -moz-border-radius-topleft: 20px;
   -moz-border-radius-bottomleft: 20px;
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
   overflow: hidden;
}
/*
@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}
@-moz-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}*/

/** File Upload Plugin **/
.fileinput-button, .start-upload-button {
  position: relative;
  overflow: hidden;
}
.start-upload-button {
   display: none;
}
.start-upload-button.active {
   display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}
/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

.overlay {
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
}
.cursor-crosshair {
   cursor: crosshair;
}
.crop-image {
   position: relative;
   margin: 0 auto;
   background-color: #ffffff;
}
.crop-image img {
   max-width: 975px;
   max-height: 590px;
   pointer-events: none;
}
.crop-box {
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 0;
   opacity: 0.5;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
   background-color: #414b5c;
   cursor: move;
   z-index: 100;
}

.ui-tooltip {
   border: 1px solid #bd0f62;
   background: #FFA500;
   z-index: 100;
}
.colpick {
   z-index: 1003;
}

@media screen and (max-width: 1400px){
   .book {
      width: 162px;
      min-height: 303px;
   }
   .book .watermark {
      height: 242px;
   }
   .book .book-pages {
      width: 162px;
      height: 230px;
   }
   .book.a4 .book-page {
      -moz-transform: scale(0.204);
      -ms-transform: scale(0.204);
      -o-transform: scale(0.204);
      -webkit-transform: scale(0.204);
   }
   .book.a5 .book-page {
      -moz-transform: scale(0.290);
      -ms-transform: scale(0.290);
      -o-transform: scale(0.290);
      -webkit-transform: scale(0.290);
   }
   .book-details .info td {
      padding: 3px;
   }
}

label[for] {
   color:#26abe3;
   font-size:15px;
}
.form-control {
   padding: 0.5em;
   border: 1px solid #ccedfc;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset, 0 0 0 transparent;
   -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset, 0 0 0 transparent;
   -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
   -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset, 0 0 0 transparent;
   transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
   vertical-align: middle;
   outline: none;
   background-color: #80d4f8;
   color:#000000;
   font-size:15px;
   width: 18em;
}
.form-control:focus {
   border-color: #FFA500;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(242, 155, 6, 0.6);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(242, 155, 6, 0.6);
   box-shadow: inset 0px 0px 5px rgba(242, 155, 6, 0.6), 0 0 0 rgba(0, 0, 0, 0.75);
}
.form-control.disabled {
   pointer-events: none;
   cursor: not-allowed;
   filter: alpha(opacity=65);
   -webkit-box-shadow: none;
   box-shadow: none;
   opacity: 0.65;
}

.order-book .book .btn, .order-book .book .book-details {
   display:none;
}
.order-book .book {
   width: 354px;
}
.order-book .book .watermark {
   height: 515px;
}
.order-book .book .book-pages {
   width: 354px;
   height: 503px;
}
.order-book .book.a4 .book-page {
   -moz-transform: scale(0.446);
   -ms-transform: scale(0.446);
   -o-transform: scale(0.446);
   -webkit-transform: scale(0.446);
}
.order-book .book.a5 .book-page {
   -moz-transform: scale(0.634);
   -ms-transform: scale(0.634);
   -o-transform: scale(0.634);
   -webkit-transform: scale(0.634);
}
.checkout .order-book .book .watermark {
   display: none;
}
.checkout .order-book .book, .checkout .order-book .book .book-pages {
   width: 131px;
   height: 186px;
   min-height: 186px;
   margin: 0;
}
.checkout .order-book .book.a4 .book-page {
   -moz-transform: scale(0.165);
   -ms-transform: scale(0.165);
   -o-transform: scale(0.165);
   -webkit-transform: scale(0.165);
}
.checkout .order-book .book.a5 .book-page {
   -moz-transform: scale(0.234);
   -ms-transform: scale(0.234);
   -o-transform: scale(0.234);
   -webkit-transform: scale(0.234);
}
.checkout > table {
    border-collapse: separate;
    border-spacing: 0 10px;
    min-width: 600px;
}
.checkout table tr.item {
   background-color: #f7f8fa;
}
.checkout tr.item > td {
   background-color: #fdd773;
}
.checkout table tr.item > td {
   vertical-align: top;
   padding: 20px 10px;
}
.checkout table.info td {
   vertical-align: middle;
   padding: 5px 10px;
}
.checkout table.info .hr {
   height: 2px;
   background-color: #FFA500;
}
.checkout table.info .remove {
   position: absolute;
   top: 0;
   right: 0;
}
.checkout table tr.item > td {
   border-top: 2px solid #FFA500;
   border-bottom: 2px solid #FFA500;   
}
.checkout table tr.item > td:first-child {
   padding-left: 20px;
   border-left: 2px solid #FFA500;
}
.checkout table tr.item > td:last-child {
   padding-right:20px;
   border-right: 2px solid #FFA500;
}
.checkout table tr.item:hover > td, .checkout > table tr.item:focus > td {
   border-top: 2px solid #bd0f62;
   border-bottom: 2px solid #bd0f62;  
}
.checkout table tr.item:hover > td:first-child, .checkout table tr.item:focus > td:first-child {
   padding-left: 20px;
   border-left: 2px solid #bd0f62;
}
.checkout table tr.item:hover > td:last-child, .checkout table tr.item:focus > td:last-child {
   padding-right:20px;
   border-right: 2px solid #bd0f62;
}
.thank-you-message.purchase {
   min-width:620px;
}
.shop-cart {
   padding-top: 20px;
}
.thank-you-message .shop-cart {
   padding: 0;
   color:#525252;
}
.shop-cart.add > * {
   display: inline-block;
   vertical-align: top;
}
.shop-cart.add > table {
   font-size: 14px;
}
.shop-cart.add > table td {
   padding: 5px;
}
.shop-cart .header {
   display: block;
   font-size: 28px;
   color: #00a7e5;
   padding-bottom: 10px;
}
.cart-item-count {
   background: #ff4136;
   color: #ffffff;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   position: absolute;
   bottom: -4px;
   right: -4px;
   width: 12px;
   height: 12px;
   font-size: 10px;
}


.colpick_submit {
   width: 60px;
}
.colpick_none {
	position: absolute;
	left: 277px;
	top: 149px;
	width: 60px;
	height: 22px;
	line-height:22px;
	background: #efefef;
	text-align: center;
	color: #555;
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.colpick_none:hover {
	background:#f3f3f3;
	border-color:#999;
	cursor: pointer;
}
.ui-tooltip {
   z-index: 1000000;
}

.news_more a, .read-more, .read-more:visited, .read-more:active
.action-btn, 
.yiiForm .action input {
   background-color: #c81b5a;
   color: #f9c83b;
   padding: 2px 10px;
   display: inline-block;
   cursor: pointer; 
}
.read-more {
   margin-top: 5px;
   vertical-align: top;
}
.yiiForm .action input {
   border: none;
   padding: 8px 10px;
   font-weight: bold;
}
.action-btn:hover,
.read-more:hover,
 .yiiForm .action input:hover{
	color: #FFFFFF;
}
.home-banner {
   height: 300px;
   margin-bottom: 60px;
   position: relative;
}
.home-banner > div[data-id] {
   display: none;
}
.home-banner > div.nav-btns > * {
   display: inline-block;
   vertical-align: top;
}
.home-banner .banner-image {
   width: 447px;
   position: absolute;
   left:0;
   top:0;
}
.home-banner .banner-image img {
   margin: 0 auto;
   display: block;
}
.home-banner .banner-description {
   font-size: 18px;
   margin-left: 450px;
}
.home-banner .banner-description p {
   margin: 1em 0;
}
.home-banner .nav-btns div, .home-banner .action-btns {
   padding: 20px;
   border-radius: 50px;
   -moz-border-radius: 50px;
   -webkit-border-radius: 50px;
   -ms-border-radius: 50px;
   background-color: #c81b5a;
   margin: 2px;
   cursor: pointer;
}
.home-banner .nav-btns, .home-banner .action-btns {
   position: absolute;
   bottom:10px;
}
.home-banner .nav-btns {
   right:60px;
}
.home-banner .nav-btns div.active {
   background-color: #ff005d;
}
.home-banner .action-btns {
   right:220px;
   padding: 12px;
}
.home-banner .action-btns .g-icons {
   display: none;
}
.home-banner .action-btns .g-icons.active {
   display: block;
}
.home-grid {
   width:100%;
   margin: 20px 0;
}
.home-grid.full-page {
   margin: 0;
   padding: 30px 0;
}
.home-grid.double-col td .gridview-title {
   margin-bottom: 0;
}
.home-grid td {
   width:33.3%;
   vertical-align: top;
   padding-bottom: 10px;
}
.home-grid p,
.home-grid .indented  {
   padding: 10px 15px;
}
.home-grid.double-col td {
   width: 50%;
}
.home-grid td.image {
   text-align: center;
}
.home-grid.box-shadow {
   -webkit-box-shadow: 0 0 20px #888888;
   -moz-box-shadow: 0 0 20px #888888;
   box-shadow: 0 0 20px #888888;
}
.home-grid.box-shadow td div {
   text-align: center;
}
.home-grid .heading {
   font-size: 19px;
   color: #231f20;
   padding: 10px 15px;
   margin: 0;
}
.testimonial {
   margin: 20px 0;
}
.testimonial table {
   width: 100%;
}
.testimonial-info {
   width:100%;
   padding: 0 20px;
}
#footer_top a, #footer_top a:visited, #footer_top a:active {
   color: #646466;
}
a:hover, a:active, #footer_top a:active, #footer_top a:hover {
	color:#BD0F62;
}
/*.mce-container-body {
   height: 34px !important;
   width: 1004px !important;
}*/
.sitemap > ul {
  margin: 0;
  float: left;
  padding: 0 35px 0 15px;
}
.sitemap > ul > li {
   padding: 4px 0;
}
.sitemap ul li ul {
  padding-left: 15px;
  padding-top: 3px;
}
.sitemap ul li ul li {
  list-style-type: none;
}
ul.unstyled {
   padding: 0 15px;
   margin: 0;
}
ul.unstyled li {
  list-style-type: none;
  padding-top: 5px;
}
.grid-img-right {
   float: right;
   margin-left: 15px;
}
.grid-img-left {
   float: left;
   margin-right: 15px;
}
.read-more-info {
   display: none;
}
.a-offset {
   display: block; 
   position: relative; 
   top: -120px; 
   visibility: hidden;
}
.story-themes ul {
   float: left;
   width: 300px;
}
.story-starters ul {
   float: left;
   width: 400px;
}
.calculator .form-control {
   background-color: white;
   margin: 4px;
}

.home-grid .calculator td {
   width: auto;
}
.calculator td.actions {
   vertical-align: middle; 
   padding-left:20px;
}
.calculator td.actions .price {
   width: 100px;
}

.flipbook-dialog {
   width: 100%;
   height: 100%;
   position: absolute;
   top:0;
   left:0;
   display:none;
   overflow:hidden;
}
.flipbook-dialog.active {
   display: block;
}
.flipbook-dialog .lightboxOverlay {
   width: 100%;
   height: 100%;
   display: block !important;
}
.flipbook-dialog .flipbook-container {
	position:absolute;
   width: 990px;
   height: 700px;
   padding: 20px;
   background-color: #ffffff;
   z-index: 10000;
}
.flipbook-dialog .flipbook-container .loading {
   top: 50%;
   left: 50%;
   position: absolute;
}
.flipbook-dialog .flipbook-container .next,
.flipbook-dialog .flipbook-container .prev,
.flipbook-dialog .flipbook-container .close {
  display: block;
  position: absolute;
  outline: none;
  text-align: right;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  z-index:10001
}
.flipbook-dialog .flipbook-container .next {
  top: 50%;
  right: -15px;
  width: 50px;
  height: 45px;
}
.flipbook-dialog .flipbook-container .prev {
  top: 50%;
  left: -15px;
  width: 50px;
  height: 45px;
}
.flipbook-dialog .flipbook-container .close {
  bottom: -35px;
  right: 5px;
  width: 30px;
  height: 30px;
  background: url(close.png) top right no-repeat;
}
.flipbook-dialog .flipbook-container .next.hover,
.flipbook-dialog .flipbook-container .next:hover,
.flipbook-dialog .flipbook-container .prev.hover,
.flipbook-dialog .flipbook-container .prev:hover,
.flipbook-dialog .flipbook-container .close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.flipbook-dialog  .flipbook {
   z-index: 10000;
	-webkit-transition:margin-left 0.2s ease-in-out;
	-moz-transition:margin-left 0.2s ease-in-out;
	-o-transition:margin-left 0.2s ease-in-out;
	-ms-transition:margin-left 0.2s ease-in-out;
	transition:margin-left 0.2s ease-in-out;
}
.flipbook-dialog  .flipbook.a4 {
	width:990px;
	height:700px;
}
.flipbook-dialog .flipbook .page * {
   outline: none;
}
.flipbook-dialog .flipbook .page {
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
   overflow: hidden;
   word-wrap: break-word;
}
.flipbook-dialog .flipbook.a4 .page {
	width:495px;
	height:700px;
}
.flipbook-dialog .flipbook.a4 .page-area {
   zoom: 1;
   -moz-transform: scale(0.625);
   -moz-transform-origin: 0 0;
   -o-transform: scale(0.625);
   -o-transform-origin: 0 0;
   -webkit-transform: scale(0.625);
   -webkit-transform-origin: 0 0;
}
body.ie .flipbook-dialog .flipbook.a4 .page-area {
   zoom: 0.625;
}
.flipbook-dialog .flipbook.a5 .page-area {
   zoom: 1;
   -moz-transform: scale(0.885);
   -moz-transform-origin: 0 0;
   -o-transform: scale(0.885);
   -o-transform-origin: 0 0;
   -webkit-transform: scale(0.885);
   -webkit-transform-origin: 0 0;
}
body.ie .flipbook-dialog .flipbook.a5 .page-area {
   zoom: 0.885;
}
.flipbook-dialog .page img {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}
.flipbook-dialog .shadow {
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;
	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}
.flipbook-dialog .page.even {
	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));
	background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:linear-gradient(left, #fff 95%, #dadada 100%);
}
.flipbook-dialog .page.odd {
	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #fff), color-stop(1, #cacaca));
	background-image:-webkit-linear-gradient(right, #fff 95%, #cacaca 100%);
	background-image:-moz-linear-gradient(right, #fff 95%, #cacaca 100%);
	background-image:-ms-linear-gradient(right, #fff 95%, #cacaca 100%);
	background-image:-o-linear-gradient(right, #fff 95%, #cacaca 100%);
	background-image:linear-gradient(right, #fff 95%, #cacaca 100%);
}
.flipbook-dialog .depth {
   position: absolute;
   top: 20px;
	background-image:url(pages-depth.png);
	width:16px;
	height:700px;
}
.flipbook-dialog .depth.left {
	background-position:0 0;
   left: 4px;
   width:0;
}
.flipbook-dialog .depth.right {
	background-position:right 0;
   right: 250px;
}
.ui-resizable-e {
   width: 20px;
}
.ui-resizable-s {
   height: 20px;
}

.thank-you-message {
   margin: 0 auto;
   width: 600px;
   border: 2px solid #bd0f62;
}
.thank-you-message .header {
   padding: 5px 10px;
   color: #ffffff;
   font: bold 18px Verdana;
   background-color: #bd0f62;
}
.thank-you-message .message-body {
   background-color: #FFA500;
   padding: 10px;
   font-size: 14px;
   color: #000000;
}

/* Login Dialog */
.ui-widget-overlay {
   opacity:0.8;
   filter: alpha(opacity=80);
   background: #000000;
   z-index: 1001;
}
.ui-dialog {
   z-index: 1002;
}
.ui-dialog.userloginwidget,
.ui-dialog.signupwidget,
.ui-dialog.forgotaccountwidget {
   padding: 0;
   border: none;
   position: fixed;
}
.ui-dialog.userloginwidget .ui-dialog-titlebar,
.ui-dialog.signupwidget .ui-dialog-titlebar,
.ui-dialog.forgotaccountwidget .ui-dialog-titlebar {
   border: none;
   padding: 24px 50px 0 0;
   border-radius: 0;
   background-color: #a01649;
	background:-webkit-gradient(linear, right top, left top, color-stop(1, #c81b5a), color-stop(1, #a01649));
	background-image:-webkit-linear-gradient(right, #c81b5a 100%, #a01649 100%);
	background-image:-moz-linear-gradient(right, #c81b5a 100%, #a01649 100%);
	background-image:-ms-linear-gradient(right, #c81b5a 100%, #a01649 100%);
	background-image:-o-linear-gradient(right, #c81b5a 100%, #a01649 100%);
	background-image:linear-gradient(right, #c81b5a 100%, #a01649 100%);
}
.ui-dialog.userloginwidget .ui-dialog-title,
.ui-dialog.signupwidget .ui-dialog-title,
.ui-dialog.forgotaccountwidget .ui-dialog-title {
   color: #d11c5f;
   background-color: #f9c83f;
   padding: 12px 24px 6px 24px;
   margin:0;
   width: auto;
   font-weight: bold;
}
.ui-dialog.userloginwidget .ui-dialog-titlebar-close,
.ui-dialog.signupwidget .ui-dialog-titlebar-close,
.ui-dialog.forgotaccountwidget .ui-dialog-titlebar-close {
   right: 10px;
}
.ui-dialog.userloginwidget .ui-button-icon-primary,
.ui-dialog.signupwidget .ui-button-icon-primary,
.ui-dialog.forgotaccountwidget .ui-button-icon-primary {
   margin:-8px !important;
}
#userloginwidget {
   padding: 20px 50px;
   background-color: #f9c83f;
}
#signupwidget, #forgotaccountwidget {
    padding: 20px;
    background-color: #f9c83f;
}
#userloginwidget label[for], #signupwidget label[for], #forgotaccountwidget label[for] {
   color: #d11c5f !important;
}
#userloginwidget .form-control:focus, #signupwidget .form-control:focus, #forgotaccountwidget .form-control:focus {
   border-color: #d11c5f;
}
#userloginwidget input[type="checkbox"], #signupwidget input[type="checkbox"] {
   width: 18px;
   height: 18px;
   margin: 0;
   vertical-align: bottom;
}
#userloginwidget input[type="submit"], #signupwidget button.btn, #forgotaccountwidget button.btn {
   background-color: #c81b5a !important;
   color: #f9c83b !important;
   border: none !important;
   padding: 5px 10px !important;
   background-image: none;
}
#signupwidget form div.buttons {
   text-align: right;
}
#userloginwidget input[type="submit"]:hover, #signupwidget button.btn:hover, #forgotaccountwidget button.btn:hover {
	color: #FFFFFF !important;
   background-image: none;
}
#userloginwidget .errorMessage {
   display:none;
}
.fb-share-link {
   background-image: url(../../cms/facebook_32.png);
   width: 32px;
   height: 32px;
   display: inline-block;
   margin: 0 10px;
}
.fb-share-link:hover {
   opacity: 0.75;
}
.fb-share-button {
   margin: 0 10px;
}
.purchase-report {
   width: auto;
   table-layout: auto;
   margin: 20px 0;
}
.purchase-report .odd div {
   padding: 5px 0;
}
.purchase-report .odd a:not(:hover) {
   color: #333;
}
.forgot-account {
   margin-left: 10px;
   cursor: pointer;
}
.thank-you-form .errorSummary {
   font-size: 14px;
}