body
{
	-webkit-overflow-scrolling: touch;
	/*padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);	*/
}
/*  The following are over-ride styles to enable iOS Safari onclick to function like normal browsers */
.openWindow,
.ciObjectLink,
.ciAddBook,
.ciAddLike,
.ciRemBook,
.ciRemLike
	{
		cursor:pointer;
	}
/* ********************************* */

.mobileSite
{
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
}
.clocked_onoff
{
	border-radius: 50%;
    text-align: center;
    color: white;
    font-family: 'Roboto', sans-serif;
    line-height: 25px;
    font-size: 0.8em;
    cursor: pointer;
	float: right;
	margin-right: 7px;
	width: 25px; height: 25px;
	margin-top: 12px;
}
#clocked_on
{
	display: none;
}

#ci_overlay
{
    background: #e9e9e9;
    display: none;
    position: fixed;
	/*z-index: 11;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-opacity:70; filter:alpha(opacity: 70); opacity: .70;
}
#missingOfflineContent
{
    display: none;
    z-index: 9999;
    position: absolute;
    width: 80%;
    bottom: 0px;
    border: solid 1px #ccc;
    text-align: center;
    background: #666;
    color: #fff;
    padding: 3px;
    border-radius: 5px;
    margin: auto;
    left: 0px;
    right: 0px;
}
#TrackingMsg
{
	text-align: center;
    width: 80%;
    margin: auto;
    height: 100px;
    border: solid 1px #ccc;
    background: #262626;
    line-height: 100px;
    color: #fff;
    border-radius: 10px;
    margin: auto;
    /* margin-bottom: 20%; */
    position: absolute;
    z-index: 999;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 2em;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 22px;
}

.switch input {display:none !important;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.noscroll
{
	height: 100%;
    overflow:hidden;
}
.ccc
{
	color: #cccccc;
}
.c666
{
	color: #666666;
}
.aaa
{
	color: #aaaaaa;
}
.mobileSite img
{
	max-width: 100% !important;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}
.mobileSite video {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.mobileSite h1
{
	margin: 7px 0px 7px 0px;
}
.mobileSite h3, .mobileSite h4, .mobileSite h5
{
	margin: 0px;
	padding: 0px;
}
.mobileSite p
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
}
.mobileSite iframe
{
	max-width: 100%;
}
.mobileSite .break_word
{
	overflow: hidden; word-wrap: break-word;
}
.mobileSite .floatLeft
{
	float: left;
}
.mobileSite .webversion .app_header
{
	position: fixed;
	background: #fff;
	top: 0px;
	width: 100%;
	z-index: 9999999;
	height: 45px;
	border-bottom: solid 1px #ccc;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.3);
    box-shadow: 0 1px 8px rgba(0,0,0,.3);
}
.mobileSite .webversion #app_logo
{
	float: left;
	margin-left: 20px;
	/*border: solid 1px #ccc;
	background: #fff;*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	height: 30px;
	margin-top: 7px;
}
.mobileSite .webversion #app_logo img
{
	height: 30px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}
.mobileSite .webversion #app_menu
{
	float: right;
	margin-right: 7px;
	width: 40px; height: 45px;
	background: url(images/menu96.png) no-repeat center center;
	background-size: 24px 24px;
	cursor: pointer;
}
.mobileSite .webversion #app_back
{
	position: absolute;
	left: 3px;
	width: 60px; height: 45px;
	background: url(images/back90.png) no-repeat left;
	background-size: 14px;
	cursor: pointer;
}
.mobileSite .webversion #app_search
{
	float: right;
	margin-right: 7px;
	width: 30px; height: 45px;
	background: url(images/search96.png) no-repeat center center;
	background-size: 24px 24px;
	cursor: pointer;
}
.mobileSite .webversion #app_msgs
{
	float: right;
	margin-right: 7px;
	height: 45px;
	cursor: pointer;
}
.mobileSite .webversion #app_notification
{
	float: left;
	height: 45px; width: 30px;
	background: url(images/notification96.png) no-repeat center center;
	background-size: 24px 24px;
}
.mobileSite .webversion #upload_data
{
	float: left;
	height: 45px; width: 30px;
	position: relative;
}
.mobileSite .webversion .upload_data_static
{
	background: url(images/upload96.png) no-repeat center center;
	background-size: 24px 24px;
}
.mobileSite .webversion .upload_data_ani
{
	background: url(images/upload96.png) no-repeat center center;
	background-size: 24px 24px;
	-webkit-animation: bounce 2s infinite ease-in-out;
}
@-webkit-keyframes bounce
{
	0%, 20%, 60%, 100%  { -webkit-transform: translateY(0); }
    40%  { -webkit-transform: translateY(-5px); }
	80% { -webkit-transform: translateY(-5px); }
}

.mobileSite .webversion #upload_data_msg
{
	position: absolute;
    background: #00aeef;
    top: 40px;
    padding: 3px;
    color: #fff;
	width: 60px;
	right: 122px;
	text-align: center;
	font-size: 11px;
	z-index:999999999;
}
.mobileSite .webversion #upload_data_msg:after
{
	bottom: 100%;
	right: 7px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 174, 239, 0);
	border-bottom-color: #00aeef;
	border-width: 7px;
	margin-left: -7px;
}
.mobileSite .webversion .progress-bar-mobile
{
	width: 100%;
	color:#fff;
}
.mobileSite .webversion #offline_data
{
	float: left;
	height: 45px; width: 30px;
	position: relative;
	background-size: 24px 24px;
}
#serverSyncWrap
{
    z-index: 99999999;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
}
#serverSyncWrapMsg
{
	background: #2196f3;
    width: 70%;
    padding: 20px;
    color: #fff;
    border-radius: 10px;
    opacity: 1;
    height: 50px;
	margin-top: 10%;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
}
.serverSyncActBtn
{
	background: #fff;
    color: #666;
    padding: 7px;
    width: 100px;
    text-align: center;
    border-radius: 10px;
    margin-top: 8px;	
}
.mobileSite .webversion .serverSyncStatic
{
	background: url(images/sync_static.png) no-repeat center center;
}
.mobileSite .webversion .serverSyncAni
{
	background: url(images/sync_spin.gif) no-repeat center center;
}
.mobileSite .webversion .offline_data_grey
{
	background: url(images/sync96_grey.png) no-repeat center center;
	background-size: 24px 24px;
}
.mobileSite .webversion .offline_data_static
{
	background: url(images/upload96.png) no-repeat center center;
	background-size: 24px 24px;
}
.mobileSite .webversion .offline_data_ani
{
	background: url(images/sync_spin.gif) no-repeat center center;
	background-size: 24px 24px;
}
.mobileSite .webversion #offline_data_msg
{
    position: absolute;
    background: #00aeef;
    top: 40px;
    padding: 3px;
    color: #fff;
    width: 60px;
    right: 52px;
    text-align: center;
    font-size: 11px;
	z-index:999999999;
}
.mobileSite .webversion #offline_data_msg:after
{
	bottom: 100%;
	right: 47px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 174, 239, 0);
	border-bottom-color: #00aeef;
	border-width: 7px;
	margin-left: -7px;
}
.mobileSite .webversion .ciMobileWindow
{
	display: none; position: fixed; z-index:14; top: 45px; right: 0px; left: 0px; bottom: 0px; background: #fff; border: solid 0px #ccc;
}
.mobileSite .ciMobileWindow
{
	display: none; position: fixed; z-index:14; top: 5px; right: 0px; left: 0px; bottom: 0px; background: #fff; border: solid 0px #ccc; overflow-x: hidden; overflow-y: auto;
}
.mobileSite .webversion #mainPageLoading
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	z-index: 999;
    height: 100%;
    width: 100%;
}
.mobileSite .mobileLoading
{
	position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-left: -20px; margin-top: -20px;
	/*border: solid 1px #ccc;*/
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius: 25px;

}
.mobileSite #mainContentAreaWrapper
{
	height: 100%;
}
.mobileSite .background666
{
	background: #666;
}
.mobileSite #app_notifications_menu
{
	/*margin-top: 45px;*/
}
.mobileSite #app_notifications_menu
{
	position: fixed; left: 0; width: 100%; background: #ccc; min-height: 100%; border-bottom: solid 1px #666;
	background: rgba(0,0,0,.8);
	margin: 0;
	padding: 0;
	z-index: 99999999999;
}
.mobileSite  #app_notifications_menu ul
{
	padding: 0; margin: 0;
}
.mobileSite #app_notifications_menu li
{
	list-style: none;
	margin: 0;
	padding: 0px;
	height: 30px; line-height: 30px;
	border-bottom: solid #f7f7f7 1px;
	background: #ccc;
}
.mobileSite  #app_notifications_menu h3
{
	background: #262626;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: none;
	margin: 0;
	padding: 4px 0 4px 10px;
}
.mobileSite  #app_notifications_menu li a, .mobileSite .webversion #app_notifications_menu a:visited
{
	background-color: #828282;
	border-bottom: 1px #f7f7f7 solid;
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: inherit;
	display: block;
	padding: 0px 0px 0px 10px;
}
.mobileSite #serverSync
{
    position: fixed;
    height: 30px;
    background: #6A94FF;
    left: 50%;
    margin-left: -110px;
    width: 220px;
	line-height: 30px;
    color: #fff;
    text-align: center;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
}
.mobileSite .webversion .mainContentArea
{
	/*margin-top: 45px;*/
	background: #fff;
	height: 100%;
	/*overflow: auto;*/
}
.mobileSite .webversion .mainContentArea .d_top, .mobileSite .webversion .mainContentArea .ciParentObjectWrapper, .mobileSite .webversion .mainContentArea .ciSubmitFormMain, .mobileWindowBody
{
	height:100%;
}
.mainContentArea .ciPageLayoutWrapperTop
{
	overflow:auto;
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	padding-bottom: 40px;
	background: #f7f7f7;
}
.mobileSite .mainContentAreaTrans
{
	top: 45px;
	bottom: 0px;
	position: fixed;
	width: 100%;
	overflow: auto;
	left: 100%;
	z-index:2;
	background: #fff;
}
.mobileSite .webversion #powered img
{
	float: right;
	margin-top: 8px;
	padding-right: 15px;
	margin-bottom: 4px;
}
.mobileSite .webversion #powered
{
	background: #f7f7f7;
	width: 100%;
	height: 50px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin-top: 8px;
	font-size: 12px;
}
.mobileSite .webversion .desktop
{
	clear: both;
}

.mobileSite .openWindow:active
{
	background: #eeeeee;
}
.mobileSite .fieldcontain
{
	margin: 0;
	padding: 5px;
}
.mobileSite .dotdotdot
{
	white-space: nowrap; text-overflow: ellipsis; overflow:hidden;
}
.mobileSite .buttonHide
{
	background: transparent;
	border: none;
}
.mobileSite a
{
	text-decoration: none;
	color: #426C97;
}
.mobileSite .unread_line_pad
{
	border-left: solid 4px transparent;
}
.mobileSite .unread_line
{
	border-left: solid 4px #339900;
}
.mobileSite textarea, .mobileSite input, .mobileSite [contenteditable=true]
{
	border: solid 1px #ccc;
	-moz-border-radius:.6em;
	-webkit-border-radius:.6em;
	border-radius: .6em;
	-moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
	box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
	background-image: none;
	padding: .4em .0em;
	margin: .5em 0;
	min-height: 1.4em;
	line-height: 1.4em;
	font-size: 16px;
	display: block;
	width: 100%;
	outline: 0;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-user-select: auto !important;
	-khtml-user-select: auto !important;
	-moz-user-select: auto !important;
	-ms-user-select: auto !important;
	user-select: auto !important;
}
.mobileSite textarea:focus, .mobileSite input:focus
{
	outline: 0;
}
.mobileSite .ww_bw_h
{
	word-wrap: break-word; overflow: hidden;
	 -ms-word-break: break-all;
		 word-break: break-all;

		 /* Non standard for webkit */
		 word-break: break-word;

	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
			hyphens: auto;
}
.mobileSite .tableAuto
{
	display: table;
	width:100%;
}
.mobileSite .table
{
	display: table;
	table-layout: fixed;
	width:100%;
}
.mobileSite .row
{
	display: table-row;
	width:100%;
}
.mobileSite .cell
{
	display: table-cell;
	vertical-align: top;
	padding: 2px;
}
.mobileSite .cellNoPad
{
	display: table-cell;
	vertical-align: top;
	padding: 0px;
}
.mobileSite .flwm
{
	float: left;
	margin: 2px;
}
.mobileSite .clear
{
	clear: both;
}
.mobileSite .seperator
{
	border-top: solid 1px #ccc;
	height: 10px;
	width: 100%;
}
.mobileSite .link
{
	color: #4EBDEB;
}
.mobileSite .headline
{
	font-size: 18px;
	font-weight: bold;
	color: #2f3e46;
}
.mobileSite .ui-content
{
	padding: 0px;
}
.mobileSite .ui-content .ui-listview
{
	margin: 0px;
}
.mobileSite .grey_text
{
	color: #9B9B9B;
	text-shadow: none;
}
.mobileSite .curved
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}
.mobileSite .border_light
{
	border: solid 1px #e9e7e7;
}
.mobileSite .logonBox
{
	width: 90%; margin: auto; background: #f7f7f7; border: solid 1px #ccc; margin-top: 20px; 	-moz-border-radius:.6em;
	-webkit-border-radius:.6em;
	border-radius: .6em;
}
.mobileSite .logonBoxInput
{
	margin: 10px;
}
.mobileSite .logonBox #logon_button
{
	width: 100%;
}
/*DISPLAY FORM STYLES */
.mobileSite .controlElement
{
	margin-bottom: 5px;
	/*background: #fff; 09122019*/
	/*border: solid 1px #ccc; */
	padding: 3px;
	/*border-radius: .6em;*/
}
.mobileSite .displayControlWrap
{
	margin-top: 7px;
}
.mobileSite .inputTitle
{
	float: left;
	padding-top: 0px;
	margin-left: 3px;
	margin-bottom: 3px;
	font-weight: bold;
	min-height: 20px;
}
.mobileSite .inputTitleControl
{
	padding-top: 0px;
	margin-left: 3px;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 13px;
	color: #000;
	min-height: 20px;
	line-height: 20px;
}
.mobileSite .ciControlInputBox
{
	font-size: 16px;
	margin:0;
	/*border: solid 1px #ccc;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	-moz-box-shadow: inset 0px 1px 0px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0,.2);
	box-shadow: inset 0px 1px 0px rgba(0,0,0,.2);*/
}
/* LOGON FORGOT P/W */
.mobileSite .fpwrap
{
	width:100%; BORDER: #ccc 1px solid;
}
.mobileSite .fpwrap:first-child
{
	margin: 10px;
}
.mobileSite .fpwrap .inputChunky
{
	border: solid 1px #cccccc; width: 100%; margin-left:0px;
}
.mobileSite .fpwrap .fpusername, .mobileSite .fpwrap .fpemail
{
	display: none;
}
.mobileSite .fpSubmit .ciActionButton
{
	width: 100%; padding: 6px 0px;
}
.mobileSite .fpSubmit ul
{
	list-style: none; margin:0;
}
.mobileSite .fpSubmit a
{
	color: #fff; text-align: center;
}
.mobileSite .fpSubmit .inputTitle
{
	margin-bottom: 0; float: none;
}
/* BUTTONS */
.mobileSite .ci_UploaderButtonPanel .box 
{
	margin: 0px !important;
}
.mobileSite .ciButtonStyleBlue, .ACHeaderClose, .ASHeaderWrapFocus .ASmobHeader:before
{
	background-color: transparent;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:0px solid #469df5;
	display:inline-block;
	color: #666;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	padding:6px 6px;
	text-decoration:none;
}
.mobileSite .ciButtonStyleBlue img
{
	vertical-align: middle; margin-right: 5px; margin-top: -4px;
}
.mobileSite .ciButtonStyleBlue.buttonDisabled
{
	color: #ccc !important;
	background: #e7e7e7 !important;
}
.mobileSite .ciButtonStyleBlue:hover
{
	background-color:#ccc;
	cursor: pointer;
}
.mobileSite .ciButtonStyleBlue:active
{
	position:relative;
	top:1px;
}.mobileSite .ciButtonStyleGreen, .ACHeaderClose, .ASHeaderWrapFocus .ASmobHeader:before
{
    background-color: rgb(153, 188, 36);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:0px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	padding:6px 14px;
	text-decoration:none;
	margin: 2px;
}
.mobileSite .ciButtonStyleGreen.buttonDisabled
{
	color: #ccc !important;
	background: #e7e7e7 !important;
}
.mobileSite .ciButtonStyleGreen:active
{
	position:relative;
	top:1px;
}
.mobileSite .ciButtonStyleRed
{
	background-color:#ee4941;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:0px solid #f55246;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	padding:6px 14px;
	text-decoration:none;
}
.mobileSite .ciButtonStyleRed.buttonDisabled
{
	color: #ccc !important;
	background: #e7e7e7 !important;
}
.mobileSite .ciButtonStyleRed:hover
{
	background-color:#ff8979;
	cursor: pointer;
}
.mobileSite .ciButtonStyleRed:active
{
	position:relative;
	top:1px;
}
/* grey button */
.mobileSite .ciButtonActionGrey
{
	min-width: 24px;
	text-align: center;
	background-color:transparent;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	display:inline-block;
	padding:6px 24px;
	text-decoration:none;
	border: solid 1px transparent;
	padding: 5px;
	padding-right: 0px;
}
.mobileSite .ciButtonActionGrey .buttonHozName
{
	color:#666666;
	font-family:arial;
	font-size:15px;
	padding-right: 10px;
}
.mobileSite .ciButtonActionGrey:active
{
	position:relative;
	top:1px;
}
/*###################################

	PAGING STYLE

###################################*/
.mobileSite .paging_more_input
{
	border: solid 1px #ccc;
	-moz-border-radius: .0em;
	-webkit-border-radius: .0em;
	border-radius: .0em;
	-moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	background-image: none;
	padding: 0;
	margin: 0;
	min-height: 1em;
	line-height: 1em;
	font-size: 16px;
	display: block;
	width: 100%;
	outline: 0;
	color: #666;
}
.mobileSite .paging_more
{
	height: 30px;
	line-height: 30px;
	text-align:center;
	cursor: default;
	border: solid 1px #ccc;
	background: #EDEDED;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EDEDED));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EDEDED 100%);
}
.mobileSite .paging_less
{
	width:97%;
	padding: 0px 15px 0px 15px;
	height: 30px;
	line-height: 30px;
	text-align:center;
	cursor: default;
	border: solid 1px #ccc;
	border-left: solid 0px #ccc;
	background: #EDEDED;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EDEDED));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EDEDED 100%);
}
.mobileSite .ciPagingMore
{
	font-size: 14px;
	color: #666;
	padding: 0px 3px 0px 3px;
}
.mobileSite .ciPagingLess
{
	font-size: 14px;
	color: #666;
	padding: 0px 3px 0px 3px;
}
.mobileSite .paging_more:active,.paging_less:active
{
	BACKGROUND: #EDEDED;
}
.mobileSite .paging_disabled
{
	width:100%;
	height: 30px;
	line-height: 30px;
	text-align:center;
	cursor: default;
	color: #ccc;
	font-size: 14px;
	border: solid 1px #ccc;
}

.mobileSite #networkPanel
{
	position: fixed;
	z-index: 999999;
	width: 100%;
	background-color: #262626;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.mobileSite #searchPanel
{
	position: fixed;
	z-index: 999999;
	width: 100%;
	background-color: #262626;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.mobileSite .webversion #searchPanel
{
	/*margin-top: 45px;*/
}
.mobileSite #popupPanel-popup
{
    right: 0 !important;
    left: auto !important;
}
.mobileSite #siteRight
{
	position: absolute;
	left: 0%;
	width: 100%;
	/*height: 100%;*/
	top: 45px;
	bottom: 0px;
}
.mobileSite #popupPanel
{
    background: #f7f7f7;
	border-left: solid 1px #666;
	-webkit-box-shadow: -8px 0px 7px 0px rgba(112,112,112,0.31);
	-moz-box-shadow: -8px 0px 7px 0px rgba(112,112,112,0.31);
	box-shadow: -8px 0px 7px 0px rgba(112,112,112,0.31);
	display: none; right: 0px; width: 0%; position: fixed; z-index: 9999999;
	height: 100%;
	overflow: hidden;
}

.mobileSite .webversion #popupPanel
{
    top:46px;
}

.mobileSite #popupPanel .ui-btn
{
    margin: 2em 15px;
}
.mobileSite #slidemenu
{
	height: 100%;
	background-color: #666;
	overflow: auto;
}
.mobileSite .webversion #slidemenu
{
	/*margin-top: 45px;*/
}
.mobileSite #slidemenu h3
{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#ccc;
	text-shadow: none;
	margin:0;
	padding:4px 0 4px 10px;
	background: #555;
}

.mobileSite #slidemenu ul
{
	margin: 0;
	padding: 0;
	width: inherit;
}

.mobileSite #slidemenu ul li
{
	list-style-type: none;
	margin: 0px 0;
	border-bottom: 1px #555 solid;
}

.mobileSite #slidemenu ul li a:link, #slidemenu ul li a:visited
{
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: inherit;
	display: block;
	padding: 10px 0px 10px 10px;
}
.mobileSite #slidemenu ul li img
{
	margin-right:8px;
}

.mobileSite #slidemenu ul li a:hover, #slidemenu ul li a:active
{
	background-color: #828282;
}
.mobileSite #slidemenu ul ul
{
	background: #9a9a9a;
}
.mobileSite #slidemenu .ciSubTabMenu .ciSubTab
{
	height: 30px;
    line-height: 30px;
    color: #fff;
    padding-left: 30px;
    border-bottom: solid 1px #8a8a8a;
}
.mobileSite #slidemenu .ciSubTabMenu .ciTabLabel
{
	height: 30px;
    line-height: 30px;
    padding-left: 30px;
    border-bottom: solid 1px #8a8a8a;
    background: #ccc !important;
	color: #262626;
}
.mobileSite #slidemenu .ciSelectedMenuTab
{
	border-left: solid 4px #fff;
}
.mobileSite #profile .profile_pic
{
	float: left;
	margin-right: 8px;
}
.mobileSite #profile .profile_info
{
	text-shadow: none;
	font-size: 12px;
	color: #C4CCDA;
	font-weight: bold;
	margin-top: 5px;
}
.mobileSite .offlinesync-checkbox
{
	width: 40px !important;
	display: inline !important;
	float: left;
	-webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,.0) !important;
    box-shadow: inset 0px 0px 0px rgba(0,0,0,.0) !important;
	margin: 0 !important;
}
.mobileSite .offlinesync-checkbox-label
{
    color: #ccc;
    font-size: 14px;
    display: block;
    height: 35px;
    line-height: 20px;
    width: 300px;
}
/* BOXES */
.mobileSite .box
{
	margin: 7px;
	padding: 0px;
}
.mobileSite .boxHeader
{
	width: 100%;
	height: 42px; line-height: 42px;
	margin: 0px;
	text-shadow: none;
	/*background: #fff;*/
	color: #4EBDEB;
	border-bottom: solid 1px #4EBDEB;
	font-size: 130%;
}
.mobileSite .boxBody
{
	/*clear: both;*/
}
.mobileSite .boxHeaderTitle
{

}
.mobileSite .boxTitle .ciFeedCount
{
	font-size: inherit;
	color: #ccc;
}
/*BOX BUTTONS AND COUNTER ETC*/
.mobileSite .ciSubscribeArea
{
	width: 1px;
	margin-right: 7px; margin-left: 2px; margin-top: 2px;
}
.mobileSite .alertBubbleArea
{
	width: 1px;
	margin-right: 2px; margin-top: 2px;
}
.mobileSite .follow
{
	cursor: pointer;
	margin-top: 8px;
	background-image: url(../images/pixelperfect/128/subscribe.svg);
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
}
.mobileSite .unFollow
{
	cursor: pointer;
	margin-top: 8px;
	background-image: url(../images/pixelperfect/128/subscribeg.svg);
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
}
.mobileSite .boxHeader .alertCountBg
{
	color: #fff;
	font-weight: bold;
	height: 22px;
	width: 24px;
	text-align: center;
	line-height: 18px;
	background: #828282;
    border-radius: 30px;
	border:solid 1px #fff;
	margin-top: 7px !important;
}
.mobileSite .boxHeader .alertCountText
{
	margin-left: -18px;
	margin-top: -1.6px;
}
.mobileSite .alertCountText
{
	font-weight: bold;
}

.mobileSite .alertCountMenu
{
	position: absolute;
	z-index: 9999;
	border: solid 1px #ccc;
	background: #fff;
	color: #666;
	top: 21px;
}
.mobileSite .alertCountMenu .alertCountMenuItem
{
	font-size: 13px;
}

.mobileSite .ciFollowMenu
{
	position: absolute !important;
	top: 80px !important;
	z-index: 9999;
	border: solid 1px #ccc;
	background: #fff;
	color: #666;
	width: 100px !important; margin-left: -40px;
	height: auto !important;
}
.mobileSite .ciFollowMenu .alertCountMenuItem
{
	font-size: 14px;
}
.mobileSite .alertCountMenuItem
{
	padding-left: 3px;
	padding-right: 3px;
	height: 35px;
	line-height: 35px;
}
.mobileSite .alertCountMenuItem:hover
{
	background: #e7f3ff;
}
.mobileSite .ciFollowSettings input
{
	width: 24px;
}
.mobileSite .ciFollowSettings select
{
	height: 30px;
	font-size: 16px;
}
.mobileSite .ciOptionsWrapper
{
	display: none; clear: both; width: 100%; min-height: 90px; background: #f7f7f7; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;
}
.mobileSite .ciButtonGoesHere
{
	width: 1px;
}
.mobileSite .ciBoxButton
{
	padding:0;
	margin: 5px 5px 0 0;
	border: 0;
	outline: 0;
	border: solid 1px #ccc;
	height: 30px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	background: #fff;
}
.mobileSite .ciBoxButton ul
{
	padding:0;
	margin: 0;
}
.mobileSite .ciBoxButton ul li
{
	float: left;
	margin: 0 3px;
	padding: 0;
	list-style: none;
	outline: 0;
}

.mobileSite .ciBoxButton a
{
	text-decoration: none;
	float:left;
	color: #666;
	cursor: pointer;
	font: 14px/32px "Arial", Helvetica, sans-serif;
}
.mobileSite .ciBoxButton a:hover
{
	color: #666;
	text-decoration: none;
}
.mobileSite .ciBoxButton a span
{
	margin: 0 10px 0 -10px;
	padding: 1px 3px 5px 10px;
	float:left;
}
.mobileSite .ciBoxButton a .buttonIcon
{
	margin: 0 1px 0 -10px;
	padding: 1px 8px 0px 28px;
	float:left;
}
.mobileSite .addObjectOption
{
	border: solid 1px #ccc;
	padding: 3px;
	width: 85px;
	height: 80px;
	text-align: center;
	background: #fff;
	float: left;
	margin-right: 6px;
	cursor: pointer;
	font-size: 12px;
	color: #666;
}
.mobileSite .rimbspActive, .mobileSite .rimbsp:active, .mobileSite .cirimb_ifmc:active
{
	background: #eee;
	color: #bababa;
}
/*BOOKMARK AND LIKE*/
.mobileSite .s_bml_img
{
	display: block; height: 16px; width: 16px; float: left; margin-right: 3px;
}
.mobileSite .s_bml_txt
{
	display: block; height: 16px; line-height: 16px; float: left; margin-right: 7px;
}
.mobileSite .logon_screen_bg
{
/* IE10 Consumer Preview */
background-image: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #f7f7f7 100%);

/* Mozilla Firefox */
background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #f7f7f7 100%);

/* Opera */
background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #f7f7f7 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #f7f7f7));

/* Webkit (Chrome 11+) */
background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #f7f7f7 100%);

/* W3C Markup, IE10 Release Preview */
background-image: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #f7f7f7 100%);
}

/* TABULAR LIST */
.mobileSite .selection_list_a
{
	list-style: none;
	margin:0;
	padding:0;
}
.mobileSite .selection_list_a li:first-child
{
	border-top: solid 0px #ccc;
}
.mobileSite .selection_list_a li:last-child
{
	border-bottom: solid 1px #ccc;
}
.mobileSite .selection_list_b
{
	list-style: none;
	margin:0;
	padding:0;
}
.mobileSite .selection_list_b li:first-child
{
	border-top: solid 0px #ccc;
}
.mobileSite .selection_list_b li:last-child
{
	border-bottom: solid 1px #ccc;
}
.mobileSite .selection_list_a li
{
	position: relative;
	cursor: pointer;
	border-top: solid 1px #ccc;
	margin: 0;
	padding: 8px 5px 8px 5px;
	height: auto;
	line-height: inherit;
	background: #fff;
}
.mobileSite .selection_list_b li
{
	position: relative;
	cursor: pointer;
	border-top: solid 1px #ccc;
	margin: 0;
	padding: 8px 5px 8px 5px;
	height: 32px;
	line-height: 32px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #F7F7F7 /*{d-bhover-background-start}*/), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #F7F7F7 /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #F7F7F7 /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #F7F7F7 /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #F7F7F7 /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #F7F7F7 /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
}
.mobileSite .selection_list_b .selected
{
	position: relative;
	cursor: pointer;
	border-top: solid 1px #ccc;
	margin: 0;
	padding: 8px 5px 8px 5px;
	height: 32px;
	line-height: 32px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #4197ee /*{d-bhover-background-start}*/), to( #79bbff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #4197ee /*{d-bhover-background-start}*/, #79bbff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #4197ee /*{d-bhover-background-start}*/, #79bbff /*{d-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #4197ee /*{d-bhover-background-start}*/, #79bbff /*{d-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #4197ee /*{d-bhover-background-start}*/, #79bbff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #4197ee /*{d-bhover-background-start}*/, #79bbff /*{d-bhover-background-end}*/);
}
.mobileSite .selection_list_b .selected:hover
{
	position: relative;
	cursor: pointer;
	border-top: solid 1px #ccc;
	margin: 0;
	padding: 8px 5px 8px 5px;
	height: 32px;
	line-height: 32px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #4197ee /*{d-bhover-background-start}*/), to( #79bbff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #4197ee /*{d-bhover-background-start}*/, #79bbff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #4197ee /*{d-bhover-background-start}*/, #79bbff /*{d-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #4197ee /*{d-bhover-background-start}*/, #79bbff /*{d-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #4197ee /*{d-bhover-background-start}*/, #79bbff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #4197ee /*{d-bhover-background-start}*/, #79bbff /*{d-bhover-background-end}*/);
}
.mobileSite .selection_list_b .imgWrap img
{
	position: absolute;
	top: 50%;
}
.mobileSite .selection_list_b img
{
	margin-top: -16px;
}
.mobileSite .selection_list_a li a, .mobileSite .selection_list_b li a
{
	text-decoration: none!important;
}
.mobileSite .selection_list_a li .cellTextTitle, .mobileSite .selection_list_b li .cellTextTitle
{
	font-size: 16px;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #2f3e46;
	margin-right: 40px;
	min-height: 20px;
}
.mobileSite .selection_list_b li .cellTextTitle
{
	margin-left: 38px;
}
.mobileSite .selection_list_a li .cellText, .mobileSite .selection_list_b li .cellText
{
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #666;
	margin-right: 40px;
}
.mobileSite .selection_list_a li .cellHeader, .mobileSite .selection_list_b li .cellHeader
{
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #666;
	font-weight: bold;
}
.mobileSite .selection_list_a li .cellTextCounter
{
	font-size: 12px;
	color: #666;
	margin-right: 35px;
	margin-top: -10px;
}
.mobileSite .selection_list_b li .cellTextCounter
{
	font-size: 12px;
	color: #666;
	margin-right: 35px;
	margin-top: -15px;
}
.mobileSite .selection_list_a li .cellWrap, .mobileSite .selection_list_b li .cellWrap
{
	background: url(../images/nav_right.png) no-repeat;
	background-position: center right;
}
.mobileSite .selection_list_a li .cellWrap a, .mobileSite .selection_list_b li .cellWrap a
{
	text-decoration: none;
}
.mobileSite .selection_list:hover
{
	cursor: pointer;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bhover-background-start}*/), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
}
.mobileSite .selection_list .cellIcon_r
{
	background: url(../images/nav_right.png) no-repeat;
	background-position: center right;
	width: 24px;
}
.mobileSite .selection_list .cellIcon_l
{
	background: url(../images/nav_left.png) no-repeat;
	background-position: center right;
	width: 24px;
}
.mobileSite .selection_list .cellIcon_u
{
	background: url(../images/nav_up.png) no-repeat;
	background-position: center right;
	width: 24px;
}
.mobileSite .selection_list .cellIcon_d
{
	background: url(../images/nav_down.png) no-repeat;
	background-position: center right;
	width: 24px;
}
.mobileSite .selection_list .cellIcon_del
{
	background: url(../images/box_menu_delete.png) no-repeat;
	background-position: center right;
	width: 24px;
	width: 100%;
}
.mobileSite .selection_list .cellCounter
{
	position: absolute;
	right: 0px;
	top: 50%;
}
.mobileSite .alertCountBg
{
	-moz-border-radius:.6em;
	-webkit-border-radius:.6em;
	border-radius: .6em;
	border: solid 1px #ccc;
	color: #262626;
	font-size: 14px;
	padding: 2px 7px 1px 7px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bhover-background-start}*/), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
}
/*LIVE FEED */
.mobileSite .validation-isosceles-livefeed
{
	float: left;
	position:relative;
	padding:5px;
	color:#262626;
	margin-top: 10px;
	min-width: 50px;
	background:#F1F1F1; /* default background for browsers without gradient support */
}
.mobileSite .validation-isosceles-livefeed .ciPlainText
{
	word-break: break-all;
}
/* Variant : for top positioned triangle
------------------------------------------ */

.mobileSite .validation-isosceles-livefeed.top
{
	background: #F1F1F1;
}
/* creates triangle */
.mobileSite .validation-isosceles-livefeed:after
{
	content:"";
	position:absolute;
	bottom:-10px; /* value = - border-top-width - border-bottom-width */
	margin-left:15px; /* controls horizontal position */
	border-width:10px 10px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#F1F1F1 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

/* Variant : top
------------------------------------------ */
.mobileSite .validation-isosceles-livefeed.top:after
{
	top:-10px; /* value = - border-top-width - border-bottom-width */
	margin-left:15px; /* controls horizontal position */
	bottom:auto;
	border-width:0 10px 10px; /* vary these values to change the angle of the vertex */
	border-color:#F1F1F1 transparent;
}
/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.validation-isosceles
{
	float: left;
	position:relative;
	z-index:2;
	padding:5px;
	color:#fff;
	margin-top: 10px;
	background:#262626; /* default background for browsers without gradient support */
	/* css3 */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.validation-isosceles-white
{
	float: left;
	position:relative;
	z-index:2;
	padding:5px;
	color:red;
	margin-top: 10px;
	background:#ffffff; /* default background for browsers without gradient support */
	/* css3 */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.validation-isosceles.top
{
	background: #262626;
}
.validation-isosceles-white.top
{
	background: #ffffff;
}
/* creates triangle */
.validation-isosceles:after
{
	content:"";
	position:absolute;
	z-index:2;
	bottom:-10px; /* value = - border-top-width - border-bottom-width */
	margin-left:15px; /* controls horizontal position */
	border-width:10px 10px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#262626 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.validation-isosceles-white:after
{
	content:"";
	position:absolute;
	z-index:2;
	bottom:-10px; /* value = - border-top-width - border-bottom-width */
	margin-left:15px; /* controls horizontal position */
	border-width:10px 10px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#ffffff transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

/* Variant : top
------------------------------------------ */

.validation-isosceles.top:after
{
	top:-10px; /* value = - border-top-width - border-bottom-width */
	margin-left:15px; /* controls horizontal position */
	bottom:auto;
	border-width:0 10px 10px; /* vary these values to change the angle of the vertex */
	border-color:#262626 transparent;
}
.validation-isosceles-white.top:after
{
	top:-10px; /* value = - border-top-width - border-bottom-width */
	margin-left:15px; /* controls horizontal position */
	bottom:auto;
	border-width:0 10px 10px; /* vary these values to change the angle of the vertex */
	border-color:#ffffff transparent;
}
/*UPLOADER*/
.mobileSite .ciUploaderWrapper
{
	width: 100%; height: 100%; background: #fff;
}
.mobileSite .ci_UploaderSection
{
	margin: 10px;
}
.mobileSite .ci_UploaderSection .uploadLocation
{

}
.mobileSite .ciUploaderBrowse
{
	background: #E4E4E4; width:160px; height:30px; border: solid 1px #ccc; text-align: center; margin: auto;
}
.mobileSite .ci_UploaderTop
{
	background: #fff;

}
.mobileSite .ci_UploaderBoxHolder
{
	float: left; width: 100%;
}
.mobileSite .ci_UploaderBoxHeader
{
	margin-top: 7px;
	text-align: left;
	margin-left: 7px;
	color: #A8A8A8;
	font-weight: bold;
	font-size: 16px;
	max-height: 40px;
	overflow: hidden;
}
.mobileSite .ci_UploaderButtonPanelWrap
{
	position: relative;
	width: 100%;
	height: 40px;
}
.mobileSite .ci_UploaderButtonPanel
{
	position: fixed;
	z-index: 10;
	width: 100%;
	background: #f7f7f7;
	height: 40px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.ci_UploaderButtonPanelLayer
{
	width: 100%;
	background: #f7f7f7;
	height: 40px;
	border-bottom: solid 1px #ccc;
}
.mobileSite .ci_UploaderButtonPanel button, .mobileSite .ci_UploaderButtonPanelLayer button
{
	margin-top: 5px; float: right; margin-right: 5px;
}
.mobileSite .ci_UploaderButtonPanel .ciMenu:after 
{
	float: right;
	margin-right: 10px;
    width: 10px;
    content: '\2807';
    font-size: 30px;
    height: 40px;
    color: #666;
}
.mobileSite .ci_UploaderButtonPanel .ciMenuList
{
	position: fixed;
    top: 87px;
    right: 0px;
    background: #f7f7f7;
}
.ciHTMLUploader td
{
	font-size: 13px;
	line-height: 22px;
}
.mobileSite .listStyleReset
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.mobileSite .inlineTitle
{
	font-size:180%;
	color:#5a5a5a;
}
.mobileSite .inlineTitle a
{
	font-size:180%;
	color:#ccc;
}
.mobileSite .inlineTitle a:hover
{
	font-size:180%;
	color:#ccc;
}
.mobileSite .inlineTitleLight
{
	font-size:180%;
	color:#ccc;
}
/*NEW OBJECT SELECT TEMPLATE*/
.mobileSite .templList
{
	height: 95px;
	float: left;
}
.mobileSite .noPrevWrapperOuter
{
	height: 110px;
	width: 293px;
}
.mobileSite .noPrevWrapper
{
	position: relative;
	float: left;
	width: 275px;
	height: 80px;
	border: solid 1px #ccc;
	margin: 10px;
	cursor: pointer;
	background: #fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}
.mobileSite .noPrevWrapper .imagePrevDel
{
	position: absolute; z-index: 2; right: -8px; top: 5px; width: 30px;
}
.mobileSite .noPrevWrapperSelected
{
	border: solid 3px #6A94FF;
}
.mobileSite .noPrevImage
{
	width: 52px;
}
.mobileSite .noPrevName
{
	color: #666;
	font-weight: bold;
}
.mobileSite .noPrevDesc
{
	color: #888;
	height: 55px;
	overflow: hidden;
}
.mobileSite .noPrevWrapper .unread
{
	border-left: solid 2px #339900;
}
.mobileSite .noPrevWrapperMore
{
	float: left;
	width: 275px;
	height: 80px;
	border: solid 1px #ccc;
	margin: 10px;
	cursor: pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	background: #f7f7f7;
	line-height: 78px; text-align: center;
}
.mobileSite .noPrevWrapperMore .ciPagingMore
{
	height: 80px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}
.mobileSite .noPrevWrapperMore .ciPagingMore:hover
{
	background: #F0F0F0;
}
.mobileSite .noPrevWrapperMore .ciPagingLess:hover
{
	background: #F0F0F0;
}
.mobileSite .noPrevWrapperSelected
{
	border: solid 3px #6A94FF;
}
/* image preview */
.mobileSite .imagePrevWrapper
{
	float: left;
	width: 105px;
	height: 97px;
	text-align: center;
	display:table;
	border: solid 1px #ccc;
	margin: 5px;
	cursor: pointer;
	background: #fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}
.mobileSite .imagePrevWrapper.unread_line
{
	border-left: solid 2px green;
}
.mobileSite .imagePrevWrapperMore
{
	position: relative;
	float: left;
	width: 105px;
	height: 97px;
	text-align: center;
	display:table;
	border: solid 1px #ccc;
	margin: 5px;
	cursor: pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	background: #f7f7f7; line-height: 90px;
}
.mobileSite .imagePrevWrapperSelected
{
	border: solid 3px #6A94FF;
}
.mobileSite .imagePrevName
{
	margin: auto auto 5px auto;
	text-align: center;
	width: 95px;
	color: #666;
	font-size: 12px;
}
.mobileSite .imagePrevImage
{
	margin: 15px 15px 5px 15px;
	max-width: 100px;
	max-height: 100px;
}
.mobileSite .imagePrevCounter
{
	position: absolute; top: 9px; right: 7px;
}
.mobileSite .imagePrevDel
{
	position: absolute; z-index: 2; right: -8px; top: 8px; width: 30px;
}
.mobileSite .imagePrev_unread_line
{
	border-left: solid 4px green;
}

.mobileSite .generatingContentWrap
{
	width: 100%; height: 100%; background: #f7f7f7;
}
.mobileSite .generatingContent
{
	width: 80%;
	margin:auto;
	border: solid 1px #ccc;
	padding: 20px;
	text-align: center;
	color: #666;
	font-size: 16px;
	background: #fff;
}

/* SEARCH STYLES */
.mobileSite .searchRelateBoxText
{
	font-size: 11px;
	text-overflow: ellipsis;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	width: 98%;
	margin: auto;
	bottom: 0px;
}
.mobileSite .searchRelateBoxSelected
{
	border: solid 3px #6A94FF;
}
.mobileSite .searchRelateBoxUnSelected
{
	border: solid 3px transparent;
}
.mobileSite .ci_UploaderButtonPanel .relateCounterWrap
{
	float: left; margin-left: 5px;
	margin-top: 4px;
	line-height: 30px;
	border: solid 1px #ccc;
	padding-left: 5px;
	padding-right: 30px;
	cursor: pointer;
}
.mobileSite .relateCounterWrapDown
{
	background: #fff url(../images/nav_down.png) no-repeat right center;
}
.mobileSite .relateCounterWrapUp
{
	background: #fff url(../images/nav_up.png) no-repeat right center;
}
.mobileSite .relateCounter
{
	color: #666; font-weight: bold;
	font-size: 16px;
}
.mobileSite .noMatches
{
	margin-left: 2.5%;
	color: #666;
}
.mobileSite .ciTabContentHelper
{
	position: fixed; z-index: 9999; background: #f7f7f7; margin-left: 2%; width: 96%; height: 80%; overflow: auto;
	border: solid 1px #ccc; border-top: solid 0px #ccc; margin-top: -8px;
	-webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
	border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
	border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
}
.ciPageLayoutWrapper .controlElement
{
	margin: 5px;
}
.mobileSite #networkPanel
{
	background-color:#666;
	height:34px;
	line-height: 34px;
	color: #fff;
	width: 100%;
	text-align: center;
}
.mobileSite #loadingPanel
{
	position: fixed; z-index: 999999999; display: bnone; width: 100%; height: 100%;
}
.mobileSite #loadingPanel .loadingPanelIcon
{
	position: absolute; height: 31px; width: 31px;  left:0;
    right:0; top: -46px; bottom: 0;
    margin:auto;
}
/*BUBBLE*/
.mobileSite .msgBubble
{
	position: relative;
	border: 1px solid #cecece;
	border-radius: 5px;
	padding: 7px;
	margin-bottom: 7px;
	box-shadow: 0 3px 5px rgba(34,25,25,0.1);
	background: #fff;
}
.mobileSite .msgBubble:before
{
	border-color: rgba(0,0,0,0) #fff;
	border-width: 7px 7px 7px 0;
	left: -7px;
	margin-top: -7px;
	z-index: 2;
}
.mobileSite .msgBubble:before, .mobileSite .msgBubble:after
{
	border-style: solid;
	content: "";
	position: absolute;
	top: 20px;
}
.mobileSite .msgBubble:after
{
	border-color: rgba(0,0,0,0) #cecece;
	border-width: 8px 8px 8px 0;
	left: -8px;
	margin-top: -8px;
	z-index: 1;
}
.mobileSite .msgBubble .messageBody
{
}
.mobileSite .msgBubbleUp
{
	position: relative;
	border: 1px solid #cecece;
	border-radius: 5px;
	padding: 7px;
	margin-bottom: 7px;
	box-shadow: 0 3px 5px rgba(34,25,25,0.1);
	background: #fff;
}
.mobileSite .msgBubbleUp .messageBody
{
	margin-top: 7px;
}
/*POLL override*/
.mobileSite .ciPollWrapper.style1 input
{
	width: 50px;
	float: left;
	clear: both;
	margin-bottom: 2px;
	border: solid 1px #ccc;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.mobileSite .ciPollWrapper.style1 a
{
	color: #fff;
}
.mobileSite .grey_footnote
{
	color: #666666;
	min-height: 22px;
}
/* NEWS VIEW STYLES*/
.previewImg
{
	width: 100px; float: left; margin: 5px 5px 5px 0px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}
.mobileSite .newsview
{
	border-bottom: solid 1px #C3C3C3; margin-bottom: 10px; padding-bottom: 8px;
}
.mobileSite .newsview .headline
{
	margin-top: 3px; overflow: hidden;
}
.mobileSite .newsview .headline:hover
{
	text-decoration: underline; cursor: pointer;
}
.mobileSite .newsview .category
{
	border: solid 1px #ccc; background: #f7f7f7; padding-left: 3px; padding-right: 3px; font-size: 11px; color: #666; margin-right: 2px; cursor: pointer;
}
.mobileSite .newsview .category:hover
{
	text-decoration: underline;
}
.mobileSite .newsview .summary
{
	margin-top: 4px; word-wrap: break-word; overflow: auto;
}
.mobileSite .newsview .summary img
{
	float: right; margin-left: 5px; border: solid 1px #ccc; cursor: pointer;
}
.mobileSite .newsview .comment_area
{
	color: #42baef; text-transform:lowercase;
}
.mobileSite .newsview .comment_area:hover
{
	text-decoration: underline; cursor: pointer;
}

/* NEWS VIEW3*/
.mobileSite .newsview3
{
	border-bottom: solid 1px #C3C3C3; margin-bottom: 10px; padding-bottom: 8px;
}
.mobileSite .newsview3 .postCreator
{
	width: 36px;
}
.mobileSite .newsview3 .headline
{
	font-size: 14px; font-weight: 700; text-decoration: none; color: #5d5d5d; overflow: hidden;
}
.mobileSite .newsview3 .headline:hover
{
	text-decoration: underline; cursor: pointer;
}
.mobileSite .newsview3 .category
{
	border: solid 1px #ccc; background: #f7f7f7; padding-left: 3px; padding-right: 3px; font-size: 11px; color: #666; margin-right: 2px; cursor: pointer;
}
.mobileSite .newsview3 .category:hover
{
	text-decoration: underline;
}
.mobileSite .newsview3 .summary
{
	margin-top: 4px; word-wrap: break-word; overflow: auto;
}
.mobileSite .newsview3 .summary img
{
	float: right; margin-left: 5px; border: solid 1px #ccc; cursor: pointer;
}
.mobileSite .newsview3 .comment_area
{
	text-transform:lowercase;
}
.mobileSite .newsview3 .comment_area:hover
{
	text-decoration: underline; cursor: pointer;
}
/* NEWS VIEW BLOG STYLES*/
.mobileSite .newsviewBlog
{
	border-bottom: solid 1px #C3C3C3; margin-bottom: 10px; padding-bottom: 8px;
}
.mobileSite .newsviewBlog .headline
{
	margin-top: 3px; overflow: hidden;
}
.mobileSite .newsviewBlog .headline:hover
{
	text-decoration: underline; cursor: pointer;
}
.mobileSite .newsviewBlog .category
{
	border: solid 1px #ccc; background: #f7f7f7; padding-left: 3px; padding-right: 3px; font-size: 11px; color: #666; margin-right: 2px; cursor: pointer;
}
.mobileSite .newsviewBlog .category:hover
{
	text-decoration: underline;
}
.mobileSite .newsviewBlog .summary
{
	margin-top: 4px; word-wrap: break-word; overflow: auto;
}
.mobileSite .newsviewBlog .summary img
{
	float: right; margin-left: 5px; border: solid 1px #ccc; cursor: pointer;
}
.mobileSite .newsviewBlog .comment_area
{
	color: #aaa; text-transform:lowercase;
}
.mobileSite .newsviewBlog .comment_area:hover
{
	text-decoration: underline; cursor: pointer;
}
/*POST VIEW*/
.mobileSite .postViewWrap
{
	margin: 7px;
}
/*POST EDIT*/
.mobileSite .categoryBox
{
	float: left;
	background: #fff;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EDEDED));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EDEDED 100%);
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	color: #ff2400;
	border: solid 1px #cccccc;
	margin-right: 3px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
}
.mobileSite .ciCategoryText a
{
	margin-left: 12px;
	color: #666;
}
.mobileSite .ciCategoryText a:hover
{
	color: #666;
}
.mobileSite .ciCategoryText img
{
	position: absolute;
	margin-top: 4px;
}
.mobileSite .ciCommentCheckbox
{
	width: 20px; box-shadow: none; float: left;
}
/*SCHEDULE BOR?DIE LATER*/
.mobileSite .ciScheduleIcon
{
	margin-left: 3px; cursor: pointer; width: 16px; height: 16px; display: block; position: absolute; margin-top: 4px;
}
.mobileSite .ciScheduleMenu
{
	position: absolute; margin-top: 28px; width: 300px; border: solid 1px #ccc; background: #f7f7f7; z-index: 1
}
.mobileSite .ciScheduleBtn
{
	position: absolute; cursor: pointer; font-size: 16px; height: 25px; line-height: 25px; width: 79px; color: #666;
}
.mobileSite .ciScheduleBtnIE
{
	width: 80px;
}
.mobileSite .ciScheduleActiveBtn
{
	 border-right: solid 1px #fff; border-bottom: solid 1px #ccc; background: #fff;
}
.mobileSite .ciScheduleBtn2
{
	border-top: solid 1px #ccc;
}
.mobileSite .objectIconPreviewHover
{
	z-index: 3;
}
.mobileSite .ciBoxWrapper .ciBoxWrapper
{
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	padding: 3px !important;
}
.mobileSite .ciEmbeddedTransWrap .ciBoxWrapper,
.mobileSite .ciInlineTransformArea .ciBoxWrapper
{
	padding: 0px !important;
}
/*###################################

	CONTROL WIDGETS

###################################*/

.mobileSite .ciExpand
{
	width: 21px;
	height: 24px;
	background-image: url(../css/checkers/plus.png);
	margin-left: 5px;
}
.mobileSite .ciCollapse
{
	width: 21px;
	height: 24px;
	background-image: url(../css/checkers/minus.png);
	margin-left: 5px;
}

.mobileSite .ciCheckBox
{
	float: left;
	background-image: url(../css/checkers/checkbox.png);
	height: 15px;
	width: 15px;
}
.mobileSite .ciCheckBoxTick
{
	float: left;
	background-image: url(../css/checkers/checkboxTick.png);
	height: 15px;
	width: 15px;
}
.mobileSite .ciCheckBoxTickDisabled
{
	float: left;
	background-image: url(../css/checkers/checkboxTickDisabled.png);
	height: 15px;
	width: 15px;
}
.mobileSite .ciCheckBoxRadio
{
	float: left;
	background-image: url(../css/checkers/checkboxRadio.png);
	height: 15px;
	width: 15px;
}
.mobileSite .ciCheckBoxRadioDisabled
{
	float: left;
	background-image: url(../css/checkers/checkboxRadioDisabled.png);
	height: 15px;
	width: 15px;
}
.mobileSite .ciCheckBox:hover
{
	float: left;
	background-image: url(../css/checkers/checkboxHover.png);
	height: 15px;
	width: 15px;
}
.mobileSite .ciRadioBox
{
	float: left;
	background-image: url(../css/checkers/checkbox.png);
	height: 15px;
	width: 15px;
}
.mobileSite .ciRadioBoxTick
{
	float: left;
	background-image: url(../css/checkers/checkboxTick.png);
	height: 15px;
	width: 15px;
}
.mobileSite .ciRadioBox:hover
{
	float: left;
	background-image: url(../css/checkers/checkboxHover.png);
	height: 15px;
	width: 15px;
}
.mobileSite .dropbox
{
	width: 150px;
	height: 16px;
	background: #f7f7f7;
	border: solid 1px #ccc;
	background-image: url(../images/dropbox.png);
	padding-left: 3px;
	padding-bottom: 2px;
}
.mobileSite .dropbox:hover
{
	width: 150px;
	height: 16px;
	background: #f7f7f7;
	border: solid 1px #ccc;
	background-image: url(../images/dropbox_hover.png);
}
.mobileSite .dropbox_arrow
{
	width: 16px;
	height: 16px;
	background: #f7f7f7;
	border: solid 1px #ccc;
	border-left: solid 0px;
	background-image: url(../images/dropbox_arrow.png);
	padding-left: 3px;
	padding-bottom: 2px;
}
.mobileSite .dropbox_arrow:hover
{
	width: 16px;
	height: 16px;
	background: #f7f7f7;
	border: solid 1px #ccc;
	border-left: solid 0px;
	background-image: url(../images/dropbox_hover_arrow.png);
	padding-left: 3px;
	padding-bottom: 2px;
}
/*HORIZONTAL TAG STYLES*/
.mobileSite .objectHorizTag
{
	position: relative;
	/* IE10 Consumer Preview */
	background: #fff;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EDEDED));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EDEDED 100%);
	border: solid 1px #ccc;
	height: 24px;
	line-height: 24px;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 1px 2px 1px 2px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	word-break: break-all;
}
.mobileSite .objectHorizTag.li_list
{
	margin-right: 2px;
	margin-bottom: 2px;
}
.mobileSite .objectHorizTag.li_list .ciObjectLink
{
	color: #666;
	font-weight: normal;
}
.mobileSite .objectHorizTag.li_list .ciObjectLink:hover
{
	color: #666;
}
.mobileSite .objectHorizTag img
{
	position: absolute;
	margin-top: 4px;
}
.mobileSite .objectHorizTag  .ciDisplayTextValue
{
	margin-left: 16px;
	overflow: hidden;
	height: 20px;
}
.mobileSite .objectHorizTag  .objectHorizTagWrap
{
	height: 24px;
}
.mobileSite .objectHorizTag  .objectHorizTagDel
{
	position: absolute; z-index: 2; right: -12px; top: 3px; width: 30px;
}
.mobileSite .objectHorizTag  .objectHorizTagCounter
{
	margin-top: -2px;
}
.mobileSite .horizWrapMore
{
	position: relative;
	float: left;
	width: 105px;
	height: 24px;
	text-align: center;
	display:table;
	border: solid 1px #ccc;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 1px 0px 1px 0px;
	cursor: pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	background: #f7f7f7; line-height: 24px;
}
.mobileSite .horizWrapMore .ciPagingMore:hover
{
	background: #F0F0F0;
}
.mobileSite .horizWrapMore .ciPagingLess:hover
{
	background: #F0F0F0;
}
/*autocomplete*/
.mobileSite .autoCompleteWrapper
{
	float: left;
	margin-right: 2px;
	/*height: 38px;*/
}
.mobileSite .autoCompleteWrapper .ciDeleteIcon
{
	visibility: visible !important;
}
.mobileSite .autoListDropBox
{
	position: fixed; display: none; z-index: 11; top: 54%; left: 50%; background: #fff; border: solid 1px #ccc; height: 80%; width: 80%; transform: translate(-50%, -50%);
}
.mobileSite .webversion #mainInnerWindow .autoListDropBox
{
	/*top: 44px; bottom: 0px;*/
}
.mobileSite .webversion .ASHeaderWrap, .mobileSite .webversion .autoListDropBox
{
	/*top: 44px;*/
}
.mobileSite .ACHeader
{
	position: absolute; height: 35px; top: 0px; left: 3px; right: 3px; bottom: 0px;
}
.mobileSite .ACHeader .ACHeaderClose
{
	margin: 0px; cursor: pointer; width: 100%; text-align: center; padding-left: 0; padding-right: 0; background: #8cb82b;
}
.mobileSite .ACHeader .ACHeaderClose:after
{
	content:"Done";
}
.mobileSite .ciACInputWrap
{
	position: absolute; top: 34px; left:0;
	width: 100%; height: 30px; text-align: center; border-top: solid 1px #ccc; overflow: hidden;
}
.mobileSite .ciACInputListRes
{
	position: absolute; top: 65px; left:0; right:0; bottom: 0px;
}
.mobileSite .ciACInputListRes .scrollable
{
	width: 100%;
	height: 100%;
	cursor: pointer;
	overflow-y: scroll;
	overflow-x: hidden;
	color: #666;
}
.mobileSite .ciACInputFooter
{
	border-top: solid 1px #ccc; background: #f7f7f7
}
.mobileSite .ciACInput
{
	outline: none;
	border: solid 1px #ccc;
	-moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius: 0px;
	padding: 0;
	border-top: 0px;
}
.mobileSite .autoListDropBox ul
{
	margin: 0; padding: 0;
}
.mobileSite .acBoxEffectActive
{
	float: left; height: 25px; line-height: 22px; color: #666;
	border: solid 1px #B1B1B1;
	margin-top: 5px;
	margin-right: 5px;
	padding-right: 20px;
	padding-left: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	background: rgb(249,252,247);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZmNmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVmZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(249,252,247,1) 0%, rgba(237,239,246,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(237,239,246,1)));
	background: -webkit-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(237,239,246,1) 100%);
	background: -o-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(237,239,246,1) 100%);
	background: -ms-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(237,239,246,1) 100%);
	background: linear-gradient(to bottom,  rgba(249,252,247,1) 0%,rgba(237,239,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#edeff6',GradientType=0 );
}
.mobileSite .acBoxEffectActive .acImage, .mobileSite .acBoxEffectDisabled .acImage
{
	position: absolute;
	margin: auto;
	margin-top: 2px;
}
.mobileSite .acBoxEffectActive .acDownArrow, .mobileSite .acBoxEffectDisabled .acDownArrow
{
	position: absolute;
	margin-top: 2px;
}
.mobileSite .acBoxEffectDisabled
{
	float: left; height: 25px; line-height: 25px; color: #ccc;
	border: solid 1px #B1B1B1;
	margin-top: 5px;
	margin-right: 5px;
	padding-left: 6px;
	padding-right: 25px;
	padding-left: 25px;
}
.mobileSite .acSelected
{
	height: 20px; width: 20px;
	position: absolute; right: 0px;
	top: 10px;
	background: url(../images/tick.png) no-repeat;
}
/*###################################

	FILTER LIST

###################################*/
.mobileSite .filter_list32
{
	list-style: none;
	margin: 0px;
	height: 42px;
	margin-bottom: 4px;
	clear: both;
	border: solid 1px transparent;
}

.mobileSite .filter_list32_hover
{
	list-style: none;
	margin: 0px;
	height: 42px;
	margin-bottom: 4px;
	clear: both;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);

	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);

	/* Opera */
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);

	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EDEDED));

	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);

	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EDEDED 100%);
	border: solid 1px #ccc;
}
.mobileSite .filter_list32 img
{
	/*border: solid 1px #666; */
	margin-top: 3px;
	margin-left: 4px;
}
.mobileSite .filter_list
{
	list-style: none;
	margin: 0px;
	height: 42px;
	margin-bottom: 4px;
	clear: both;
	border: solid 1px transparent;
}
.mobileSite .filter_list:hover
{
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);

	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);

	/* Opera */
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);

	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EDEDED));

	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);

	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EDEDED 100%);
	border: solid 1px #ccc;
}
.mobileSite .filter_list_msg
{
	margin: auto; padding: 2px; border: solid 1px #ccc; background: #f7f7f7; width: 80%; color: #666; text-align: center
}
.mobileSite .filter_list_heading
{
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	background: #f7f7f7;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding-left: 5px;
}
/*DELTE ICON 20*/
.mobileSite .deleteIcon20
{
	display: block;
	height: 20px;
	width: 20px;
	background-image: url(../images/delete_grey.png);
	background-repeat:no-repeat;
	background-position: center center;
	cursor: pointer;
}
/* COMMENT CHECKBOX */
.mobileSite .ciCommentOpt
{
	margin-top: 3px; border: solid 1px #ccc; background: #f7f7f7; height: 30px; width: 100%; line-height: 36px; color: #666;
}
.mobileSite  .ciCommentCheckbox
{
	margin-left: 3px;
}
/*###################################

	ONLINE / OFFLINE STATUS

###################################*/
.mobileSite  .online24
{
	background-image: url(../inlineMessenger/images/onlineBg24.png);
}
.mobileSite  .away24
{
	background-image: url(../inlineMessenger/images/awayBg24.png);
}
.mobileSite  .offline24
{

}
.mobileSite  .onlineStatus
{
}
.mobileSite  .onlineStatus .statusIconSize32
{
	margin-top: 4px; margin-left: 5px; border: solid 0px #ccc;
}
.mobileSite  .onlineStatus .statusIconSize48
{
	margin-top: 5px; margin-left: 6px; border: solid 0px #ccc;
}
.mobileSite  .onlineStatusPreview24
{
	position: absolute; display: none; min-width: 300px; margin-top: -5px; *margin-top: 0px; *margin-left: -42px; background: #262626; color: #fff; border: solid 1px #ccc; padding: 5px; z-index: 1;
}
.mobileSite  .onlineStatusPreview32
{
	position: absolute; display: none; min-width: 300px; margin-top: -5px; *margin-top: 0px; *margin-left: -42px; background: #262626; color: #fff; border: solid 1px #ccc; padding: 5px; z-index: 1;
}
.mobileSite  .onlineStatusPreview48
{
	position: absolute; display: none; min-width: 300px; margin-top: -5px; *margin-top: 0px; *margin-left: -54px; background: #262626; color: #fff; border: solid 1px #ccc; padding: 5px; z-index: 1;
}
.mobileSite  .online32
{
	height: 42px; width: 42px;
	background-image: url(../inlineMessenger/images/onlineBg32.png);
}
.mobileSite  .away32
{
	height: 42px; width: 42px;
	background-image: url(../inlineMessenger/images/awayBg32.png);
}
.mobileSite  .offline32
{
	height: 42px; width: 42px;
	background-image: url(../inlineMessenger/images/offlineBg32.png);
}
.mobileSite  .online48
{
	height: 60px; width: 60px;
	background-image: url(../inlineMessenger/images/onlineBg48.png);
}
.mobileSite  .away48
{
	height: 60px; width: 60px;
	background-image: url(../inlineMessenger/images/awayBg48.png);
}
.mobileSite  .offline48
{
	height: 60px; width: 60px;
	background-image: url(../inlineMessenger/images/offlineBg48.png);
}
/*BANNER*/
.mobileSite  .ciBannerArea
{
	overflow: hidden; position: relative; cursor: pointer;
}
.mobileSite  .ciBannerArea img
{
	margin: auto;
}
.mobileSite  .ciBannerArea .bcaption
{
	position: absolute; bottom: 0px; background: #262626;
	-moz-opacity:70; filter:alpha(opacity: 70); opacity: .70; color: #fff; font-size: 14px; padding: 3px;
}
/* facewall */
.mobileSite  .imgBoxUl
{
	margin: auto; width: 100%; list-style: none; margin: 0; padding: 0;
}
.mobileSite  .imgBoxUl li
{
	float: left; margin: 1px; padding: 0; position: relative;
}
.mobileSite  .imgBoxUl .imgBoxUlWrap
{
	height: 48px;
}
.mobileSite  .objImgWrap
{
	text-align: left; overflow: hidden; cursor: pointer; border: solid 0px;
}
.mobileSite  .objImgWrap img
{
	border: solid 1px #ccc; float: left;
}
.mobileSite  .facewallMore
{
	position: relative;
	float: left;
	width: 98px;
	height: 50px;
	text-align: center;
	display:table;
	border: solid 1px #ccc;
	margin: 0px;
	cursor: pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	background: #f7f7f7; line-height: 50px;
}
.mobileSite  .facewallMore .ciPagingMore:hover
{
	background: #F0F0F0;
}
.mobileSite  .facewallMore .ciPagingLess:hover
{
	background: #F0F0F0;
}
/*OBJECT LIST NAME AND PREVIEW*/
.mobileSite  .olnap
{
	min-height: 36px;
}
.mobileSite  .lo2w .li_list_image img
{
	margin-top: 5px;
}
.mobileSite  .lo2 .ciObjectLink
{
	padding-top: 7px;
}
.mobileSite  .lo2
{
	min-height: 36px;
}
.mobileSite  .lo2 .noPrevCounter
{
	line-height: 35px;
}
.mobileSite  .ul_list
{
	margin: 0px; padding: 0px;
	list-style: none;
}
.mobileSite  .li_list
{
	display: block;
	margin: 0;
	position: relative;
	overflow: visible;
}
.mobileSite  .olnpul, .mobileSite  .lo2
{
	border-bottom: 1px solid #dfdfdf;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #F7F7F7 /*{d-bhover-background-start}*/), to( #fff /*{d-bhover-background-end}*/));
	background-image: -webkit-linear-gradient( #F7F7F7 /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
	background-image: -moz-linear-gradient( #F7F7F7 /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
	background-image: -ms-linear-gradient( #F7F7F7 /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
	background-image: -o-linear-gradient( #F7F7F7 /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
	background-image: linear-gradient( #F7F7F7 /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
}
.mobileSite  .li_list .ciObjectLink
{
	text-decoration: none;
	color: #262626;
	font-weight: bold;
}
.mobileSite  .li_list .description
{
	color: #666;
	font-size: 90%;
}
.mobileSite  .li_list_wrapper
{
	position: relative;
}
.mobileSite  .li_list_wrapper .noPrevCounter
{
	line-height: 35px;
}
.mobileSite  .li_list_unread
{
	position: absolute; left: 0px; top: 0px; height: 100%; width: 3px;
}
.mobileSite  .li_list_image img
{
	position: absolute; left: 3px; margin-top: 5px;
}
.mobileSite  .li_list_image_pad img
{
	margin-left: 2px;
}
.mobileSite  .li_list_delete
{
	position: absolute; z-index: 2; right: 2px; top: 3px; width: 30px;
}
/*QUICK LIST */
.mobileSite .ciQuickList
{
	border-bottom: solid 1px #ccc;
}
.mobileSite  .ciQuickListWrapper
{
	width: 100%; border: solid 1px #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{d-bhover-background-start}*/), to( #e7e7e7 /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fff /*{d-bhover-background-start}*/, #e7e7e7 /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fff /*{d-bhover-background-start}*/, #e7e7e7 /*{d-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fff /*{d-bhover-background-start}*/, #e7e7e7 /*{d-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fff /*{d-bhover-background-start}*/, #e7e7e7 /*{d-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fff /*{d-bhover-background-start}*/, #e7e7e7 /*{d-bhover-background-end}*/);
	border-bottom: solid 0px;
	padding-top: 3px;
}
.mobileSite  .ciQuickListWrapper .table
{
	width: 100%; margin-top: 2px;
}
.mobileSite  .ciQuickListWrapper .pic
{
	width: 26px;
}
.mobileSite  .ciQuickListWrapper .quo
{
	width: 22px;
}
.mobileSite  .ciQuickListWrapper .del
{
	width: 20px;
}
/*COMMENT STYLES */
.mobileSite  .commentListWrapper
{
	border: solid 1px #ccc;
	background: #fff;
	padding: 5px;
	margin-bottom: 12px;
}
.mobileSite  .commentReplyChildren
{
	border: solid 1px #ccc;
	background: #fff;
	padding: 5px;
	margin-left: 15px; margin-top: 5px;
	-moz-box-shadow: -3px 3px 3px #ccc;
	-webkit-box-shadow: -3px 3px 3px #ccc;
	box-shadow: -3px 3px 3px #ccc;
}
.mobileSite .liveFeedLi
{
	width: 100%; position: relative; list-style: none;
}
/*LIVE FEED */
.mobileSite  .ciLiveFeed
{
	margin: 5px;
}
.mobileSite  .lfli
{
	width: 100%; list-style: none; position: relative;
	padding: 5px 0px 5px 0px;
	border-bottom: solid 1px #ccc;
}
.mobileSite  .livefeedObjectBox
{
	border-bottom: solid 1px #ccc; padding: 5px; background: #f7f7f7;
}
.mobileSite  .livefeedRel
{
	margin: 5px 0px 5px 0px; color: #262626; font-weight: bold;
}
.mobileSite  .livefeedImg
{
	margin: 3px; float: left;
}
.mobileSite  .livefeedCreatorImg
{
	float: left; margin: 5px 4px 0px 0px;
}
.mobileSite  .livefeedOther
{
	font-style: italic; margin-top: 5px; color: #666;
}
.mobileSite  .ciLiveFeed .headline
{
	font-size: 18px;
	font-weight: bold;
	color: #2f3e46;
	overflow: hidden;
}
/* AUTO SUGGEST */
.mobileSite  .ASInputWrap
{
	float: left; position: relative; border-top: solid 1px #ccc; min-height: 30px; background: #fff; cursor: text;
	-moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border-radius: .6em;
}
.mobileSite  .ciASInput
{
	float: left; margin: auto; height: 20px; font-size: 16px; color: #ccc; outline: none; border: 1px transparent; background: transparent;
	border: solid 0px #ccc;
	-moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
}
.mobileSite  .ASwrap img
{
	position: absolute;
	margin-top: 4px;
}
.mobileSite  .ASwrap a
{
	padding-left: 15px;
	margin-top: -5px;
	margin-right: 3px;
	overflow: hidden;
	height: 30px;
}
.mobileSite  .autoSuggestWrapper .deleteIcon20
{
	margin-top: 8px;
}
.mobileSite  .autoSuggestWrapper
{
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EDEDED));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EDEDED 100%);
	border: solid 1px #ccc;
	line-height: 30px;
	float: left;
	margin-right: 2px;
	-moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border-radius: .6em;
}
.mobileSite .ASHeaderWrapFocus
{
	position: fixed; z-index: 11; top: 65px; left: 50%; background: #fff; border: solid 1px #ccc; height: 90%; width: 90%; transform: translate(-50%);
}
.mobileSite .ASHeaderWrapFocus .autoListDropBox
{
	width: 100% !important;
}
.mobileSite .ASInputWrapFocus
{
	position: absolute;
	/*width: 100%;*/
	height: 70px;
	top: 0px;
	left: 0;
	right:0;
	border-bottom: solid 1px #ccc;
}
.mobileSite  .ASHeaderWrapFocus .ASmobHeader:before
{
	content: "Done";
	background: #8cb82b;
	cursor: pointer;
	text-align: center;
	margin:0;
	padding:6px 0px 6px 0px;
	width: 100%;
}
/*AUTO SUGGEST DROP BOX */
.mobileSite  .ciAsListWrap
{
	/*position: absolute; top: 71px !important; width: 100%; left:0; right:0; bottom: 0;*/
}
.mobileSite  .ciAsListWrap ul
{
	padding: 0;
	margin: 0;
}
.mobileSite  .ASHeader
{
	cursor: pointer; float: left;
}
.mobileSite  .ciAsList
{
	position: relative;
    /*background-color: #666;*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
    box-shadow: 0 0 8px #B2B2B2;
    vertical-align: top;
	width: 100%;
	height: 100%;
}
.mobileSite  .ciAsList .ciAsListClose
{
	display: none;
}
.mobileSite  .ciAsList .ciASListInner
{
	position: absolute; top: 5px; left:0; right:0; bottom:20px; width: 100%;
	 background-color: #fff;
	 border-top: 0px solid #666;
}
.mobileSite  .ciAsList .ciASTitle
{
	float: left;
	color: #fff;
	line-height: 30px;
	font-size: 17px;
	padding-left: 7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}
.mobileSite  .ciAsList .ciASListFooter a
{
	display: none;
	float: right; margin-right: 3px; cursor: pointer;
	color: #fff;
}
.mobileSite  .ciAsList.top
{
    float: left;
}

.mobileSite  .ciAsList.top:before
{
    top: -2px;
}
.mobileSite  .ciAsList.left
{
    float: left;
}

.mobileSite  .ciAsList.left:before
{
    left: -9px;
}
/* BG COSMETIC STYLES  */
.mobileSite  .bgColBox
{
	float: left;
	padding: 1px;
	border: solid 2px transparent;
}
.mobileSite  .bgColBoxSelected
{
	float: left;
	padding: 1px;
	border: solid 2px #2EA001;
}
.mobileSite  .bgColBoxInner
{
	border: solid 1px #ccc; width: 24px; height: 24px; margin: 1px;
}
.mobileSite  .bgColNone
{
	height: 24px; margin: 1px; line-height: 24px; padding-left: 3px; padding-right: 3px; cursor: default;
}
.mobileSite  .bgColNoneInner
{
	border: solid 1px #ccc; margin: 1px;
}
.mobileSite  .ciColorSelectorBgBox
{
	border: solid 1px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	padding: 0;
}
/*SLIDER*/
.mobileSite  .sliderVal
{
	width: 65px; height: 25px; line-height: 20px; font-size: 18px; color: #666;
}
/*MESSENGER*/
.mobileSite  .messageText
{
	height: 60px;
	border: solid 0px #ccc;
	-moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border-radius: .6em;
	-moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
	padding:0; margin:0;
	overflow: auto;
}
.mobileSite  .ciTypingMsg
{
	position: absolute; height: 20px; left: 0px; right: 0px; width: 100%; bottom: 0px; background: #e7e7e7; color: #666; font-size: 13px;
}
.mobileSite  .scrollArea
{
	position: absolute; top: 0px; left: 0px; right: 0px; bottom: 20px; overflow: auto; background: #e7e7e7;
}
.mobileSite  .messageSendBtn
{
	height: 32px;
	width: 32px;
	border: 0px;
	margin-top: 13px;
	background: url(../mobile/images/send.png) no-repeat;
}
.mobileSite  .chatWebcamNormal
{
	width: 32px; height: 32px;
	border: 0px;
	margin-top: 13px;
	background: url(../images/pixelperfect/24/webcam.png) no-repeat center center;
}
.mobileSite  .chatWebcamActive
{
	width: 32px; height: 32px;
	border: 0px;
	margin-top: 13px;
	background: url(../images/pixelperfect/24/webcam_active.png) no-repeat center center;
}
.mobileSite  .chatWebcamDisabled
{
	width: 32px; height: 32px;
	border: 0px;
	margin-top: 13px;
	background: url(../images/pixelperfect/24/webcam_disabled.png) no-repeat center center;
}
.mobileSite  .peer_invitation_wrap
{
	cursor:pointer; width:auto; margin: auto; padding: 3px 6px 3px 3px; margin-top: 5px;
	border: solid 1px transparent;
	background: #87BE4E;
	color: #fff;
	font-weight: bold;
}
.peer_invitation_wrap_disconnect
{
	cursor:pointer; margin: auto; padding: 3px 6px 3px 3px; margin-top: 5px;
	width: 122px !important;
	border: solid 1px transparent;
	background: #e54028;
	color: #fff;
	font-weight: bold;
}
.peer_invitee_to_connect
{
	width: 16px; height: 16px;
	background: url(../images/pixelperfect/16/tickw.png) no-repeat center center;
}
.peer_invitee_to_disconnect
{
	width: 16px; height: 16px;
	background: url(../images/pixelperfect/16/xrw.png) no-repeat center center;
}
.mobileSite .messenger_floating_option_cam_on
{
	position: absolute;
	float:right;
	right:5px;
	top:-5px;
	height: 32px;
	width: 32px;
	border: 0px;
	margin-top: 10px;
	background: url(../images/pixelperfect/32/circle_cam.png) no-repeat;
	z-index:4;
}
.mobileSite .messenger_floating_option_cam_off
{
	position: absolute;
	float:right;
	right:5px;
	top:-5px;
	height: 32px;
	width: 32px;
	border: 0px;
	margin-top: 10px;
	background: url(../images/pixelperfect/32/circle_chat.png) no-repeat;
	z-index:4;
}
.mobileSite .peer_invitation_description {
	font-size: 10px;
	vertical-align: middle;
	text-align: center;
	left: -3px;
	position: relative;
	bottom: -2px;
}
.mobileSite .webversion .messenger_main_video_wrapper
{

}

.mobileSite .large_video_wrapper video
{
  width: 100%    !important;
  height: auto   !important;
}
.mobileSite .small_videos_wrapper{
	float:left;
	display:inline;
	overflow-y:auto;
}
.mobileSite .small_videos_wrapper .chatSmallVideoRight{
	float:left;
}
.mobileSite .small_videos_wrapper video
{
	height:150px;
	border: solid 2px #fff;
}

.mobileSite .messenger_main_video_wrapper
{
	position: absolute;
	right:0px;
	top:0px;
	left:0px;
	bottom:0px;
	background-color:white;
	z-index:3;
}
.mobileSite .messenger_main_video_wrapper a
{
	color: #fff;
}
.mobileSite .ciChatPersonName
{
	position: absolute;
	margin-top: -30px;
	margin-left: 3px;
	height: 20px;
	line-height: 20px;
	padding: 2px 5px 2px 5px;
	background: #262626;
	font-size: 12px;
	color: #fff;
	-moz-opacity: 50;
	filter: alpha(opacity: 50);
	opacity: .50;
}
.mobileSite  .chatPart
{
	padding: 3px; float: left; font-size: 15px; color: #666; margin-right: 5px; line-height: 30px;
}
.mobileSite  .messageHeader
{
	color: #59c8f4;
}
.mobileSite  .timeGoesHere
{
	color: #bababa;
}
.mobileSite  .mtaEmpty
{
	color: #bababa;
}
.mobileSite  .smileys
{
	display: none;
	position: absolute;
	z-index: 9;
	background: #262626; width:100%;
	bottom: 60px;
}
.mobileSite  .smileys img
{
	margin: 15px;
}
.mobileSite  .msgGoesHere img[ci_embedded_image=true]
{
	width: 100%
}
.mobileSite  .smileyClose
{
	position: absolute; width: 24px; height: 24px; right: 5px; top: 5px;
	background: url(../images/inner_win_close_w.png) no-repeat;
}
.mobileSite  .clickInviteButton
{

}
/*DOCUMENT VIEW */
.mobileSite  .documentNoPreview .ciButtonActionDownload
{
	margin-top: 10px;
}
.mobileSite  .ciNoPreviewWrap .documentNoPreview .cell h1
{
	font-size: 16px;
	color: #666;
}
.mobileSite  .ciNoPreviewWrap .documentNoPreview .cell p
{
	color: #666;
}
.mobileSite  .ciPhotoOptions1 .optionsShareWithdark
{
	color: #666;
}
.mobileSite  .ciPhotoOptions1 .optionsShareWithlight, .mobileSite  .ciPhotoOptions1 .optionsShareWithlight .ciObjectLink
{
	color: #fff;
}
.mobileSite  .photoSmallPreview img
{
	margin: 2px;
}
.mobileSite  .ciButtonActionForForm
{
	display: inline-block;
	height: 24px;
	line-height: 24px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	text-decoration:none;
	background-color:#e9e9e9;
	border: solid 1px #ccc;
	cursor: pointer;
}
.mobileSite  .ciButtonActionForForm:active
{
	position:relative;
	top:1px;
}
.mobileSite  .ciButtonActionForForm .buttonHozName
{
	float: left;
	color:#666666;
	font-family: Arial;
	font-size: 15px;
	height: 24px; line-height: 24px; margin-right: 8px;
}
.mobileSite  .ciButtonActionForForm img
{
	float: left; width: 24px; height: 24px;
	margin-left: 5px; margin-right: 6px; line-height: 24px;
	margin-top: 0px;
}
.mobileSite  .docPagingArea
{
	background: #262626;
	padding: 10px;
	padding-bottom: 0px;
	-webkit-box-shadow: inset 0px -1px 22px 0px rgba(50, 50, 50, 0.24);
	-moz-box-shadow:    inset 0px -1px 22px 0px rgba(50, 50, 50, 0.24);
	box-shadow:         inset 0px -1px 22px 0px rgba(50, 50, 50, 0.24);
}
.mobileSite  .swiper-wrapper
{

}
/*object list with preview styles START*/
.mobileSite  .carouselWrapper
{

}
.mobileSite  .carouselWrapperInner
{
	width: 100%; height: 104px; margin-top: 5px; overflow: hidden;
}
.mobileSite  .carouselWrapper .carouselWrapperUL
{
	width: 200%; list-style: none; margin: 0; padding: 0;
}
.mobileSite  .carouselWrapper .carouselWrapperUL .carouselWrapperLI
{
	float: left; margin: 0; padding: 0;
}
.mobileSite  .carouselObjectWrapper
{
	width: 100px; height: 100px; float: left; cursor: pointer; margin-left: 4px; padding: 1px; border: solid 1px #ccc;
}
.mobileSite  .carouselViewAll
{
	clear: both; margin-left: 10px; height: 24px; margin-top: 5px; float: left;
}
.mobileSite  .carouselObjectWrapper .objectIconSmallPreview
{
	max-height: 100px; width: 100px; overflow: hidden;
}
.mobileSite  .carouselObjectWrapper .objectIconSmallPreview img
{
	vertical-align: middle;
}
/*REVIEWS */
.mobileSite  .ciCommentWrapper .ratingavg
{
	margin-left: 15px;
}
/*PHOTO ALBUM*/
.mobileSite .albumWrap
{
	height: 100%;
}
.mobileSite .relateCounterWrap
{
	float: left;
	margin-top: 3px;
	margin-bottom: 7px;
	line-height: 30px;
	border: solid 1px #ccc;
	padding-right: 30px;
	cursor: pointer;
	color: #666;
	padding-left: 5px;
}
.mobileSite .albumWrap .relateCounterWrapDown
{
	background: #fff url(../images/nav_down.png) no-repeat right center;
}
.mobileSite .albumWrap .relateCounterWrapUp
{
	background: #fff url(../images/nav_up.png) no-repeat right center;
}
.mobileSite .ciSelectedWin
{
	display: none; position: fixed; z-index: 10; width: 100%; height: 80%; margin-top: 40px;
}
.mobileSite .ciSelectedWin ul
{
	margin:7px; padding:0;
}
.mobileSite .ciSelectedWin li
{
	list-style: none; margin:0; padding:0; min-height: 35px;
}
.mobileSite .ciSelectedWinClose
{
	position: absolute; top: 5px; right: 5px;
}
/*INLINE RELATE SCREEN*/
.mobileSite #relate_inline
{
	position: absolute; width: 100%; background: #ffffff; bottom: 0px; top: 0px; z-index: 999999;
}
.mobileSite .ciRelatedObjectsArea
{
	margin-top: 5px;
}

.mobileSite .no-close .ui-dialog-titlebar-close
{
	display: none;
}
/*COUNTDOWN*/
.mobileSite .countdown_dash
{
	margin:auto;
	position: relative;
}
.mobileSite .dash
{
	width: 110px;
	height: 114px;
	background: transparent url('../images/dash.png') 0 0 no-repeat;
	float: left;
	margin-left: 20px;
	position: relative;
}

.mobileSite .dash .digit
{
	font-size: 55pt;
	font-weight: bold;
	float: left;
	width: 130px;
	letter-spacing: 15px;
	text-align: center;
	font-family: Times;
	color: #555;
	position: relative;
	line-height: 90px;
}

.mobileSite .dash_title
{
	position: absolute;
	left: 00px;
	display: block;
	bottom: 0px;
	right: 6px;
	width: 110px;
	font-size: 9pt;
	color: #555;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
}
/*DISPLAY PLAIN TEXT WITH ICON*/
.img_then_text
{
	float: left; margin-right: 5px;
}
/*YESNOMAYBE*/
.ynmSelectedObject
{
	float: left; margin-top: 4px; margin-right: 3px;
}

/*weather widget*/
.mobileSite  .ciWiText{
	display: none;
	position: relative;
	float:right;
	z-index: 1;
	background: #fff; border: solid 1px #ccc; padding: 3px;
	width: 230px;
	text-align: center;
	color: #666;
	right: 5px;
	bottom: -30px;
}
/*DILAOG BOXES*/
.ui-dialog {
    padding: 0 !important;
}
.ui-dialog .ui-corner-all
{
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius: 0px;
}
.ui-dialog .ui-widget-header
{
    background: #6a94ff !important;
    border: 0;
    color: #fff;
    font-weight: normal;
}
.ui-dialog .ui-dialog-buttonset .ui-state-default,.ui-dialog .ui-dialog-buttonset  .ui-widget-content .ui-state-default,.ui-dialog .ui-dialog-buttonset  .ui-widget-header .ui-state-default
{
	background: #e6e6e6 !important;
}
/* WEBINAR */
.mobileSite  .webinarWrap
{
	width: 100%;
	text-align: center;
	border: solid 1px #ccc;
	background: #fff;
}
.mobileSite  .webinarWrap .camImg
{
	background:  url(../images/pixelperfect/128/webcam_disabled.png) no-repeat center center;
	height: 128px;
	width: 128px;
}
.mobileSite  .webinarWrap p
{
	padding: 5px;
	color: #666;
	font-size: 16px;
}
.mobileSite  .chatWebcamNormal.webinarControls
{
	width: 170px;
	border: solid 1px #87BE4E;
	margin: 2px 0px 2px 2px;
	padding-left: 18px;
	text-align: center;
	line-height: 32px;
	cursor: pointer;
	color: #fff;
	background: #87BE4E url(../images/pixelperfect/24/webcam_disabled.png) no-repeat 5px center;
}
.mobileSite  .chatWebcamActive.webinarControls
{
	width: 170px;
	border: solid 1px #e54028;
	margin: 2px 0px 2px 2px;
	padding-left: 18px;
	text-align: center;
	line-height: 32px;
	cursor: pointer;
	color: #fff;
	background: #e54028 url(../images/pixelperfect/24/webcam_disabled.png) no-repeat 5px center;
}
/* COLOURED BUTTONS */
.mobileSite  .ciButtonColour
{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	text-decoration:none;
	border: solid 1px transparent;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	background:#99bc24;
}
.mobileSite  .ciButtonColour:hover
{
	opacity: 0.8;
}
.mobileSite  .ciButtonColour .buttonHozName
{
	font-family:arial;
	font-size:15px;
	color:#fff;
}
.mobileSite  .ciButtonColour.buttonDisabled
{
	background: #e7e7e7;
}
.mobileSite  .ciButtonColour.buttonDisabled .buttonHozName
{
	color:#ccc;
}
.mobileSite  .ciButtonColour:active
{
	position:relative;
	top:1px;
}
/*###################################

	BUTTON STYLING

###################################*/
.mobileSite  .ciActionButton
{
	padding:0;
	margin: 0;
	border: 0;
	outline: 0;
}
.mobileSite  .ciActionButton .inputTitle
{
	float: none;
	margin-left: 0px;
}
.mobileSite  .ciActionButton ul li
{
	float: left;
	margin: 0 10px;
	padding: 0;
	list-style: none;
	outline: 0;
}

.mobileSite  .ciActionButton a
{
	text-decoration: none;
	float:left;
	color: #999;
	cursor: pointer;
	font: 14px/22px "Arial", Helvetica, sans-serif;
}

.mobileSite  .ciActionButton a span
{
	margin: 0 10px 0 -10px;
	padding: 1px 8px 5px 10px;
	float:left;
}
.mobileSite  .ciActionButton a .buttonIcon
{
	margin: 0 10px 0 -10px;
	padding: 1px 8px 5px 28px;
	float:left;
}
.mobileSite  .ciActionButton a.current
{
	background: url(../themes/clean/img/grayButton.png) no-repeat top right;
	color: #666;
}
.mobileSite  .ciActionButton ul.gray li a:hover
{
	background: url(../themes/clean/img/grayButtonHover.png) no-repeat top right;
	color: #666;
	padding: 0;
}
.mobileSite  .ciActionButton a.current span
{
	background: url(../themes/clean/img/grayButton.png) no-repeat top left;
}
.mobileSite  .ciActionButton  ul.gray li a:hover span
{
	background: url(../themes/clean/img/grayButtonHover.png) no-repeat top left;
}
.mobileSite  .chunkyCheckBox
{
	height: 17px; width: 17px;
	margin: 0;
	min-height: 0;
	line-height: 0;
	box-shadow: none;
}

.mobileSite .ciofflinecachebutton
{
	position: absolute;
    top: 10px;
    right: 5px;
}

.styled_select select
{
	border-radius: .6em;
}

.selectizeCustomCss
{
	position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 99;
}
/* special ci style */
.mobileSite .ciControlButtonCircle .ciBtnRef
{
	color: #fff;
	min-height: unset !important;
	line-height: unset !important;
	border-radius: 50% !important;
	padding: 3px !important;
    width: 30px;
    height: 30px;
	margin-right: -4px;
}
.mobileSite .ciControlButtonCircle .ciBtnRef img
{
	margin-right: 5px !important;
	margin-top: 0px !important;
}
.mobileSite .ciLineHeaderWrap
{
	position: relative;
	min-height: 35px;
}
.mobileSite .ciLineHeaderWrap .ciControlButtonCircle
{
    position: absolute;
    right: 0px;
    margin-top: -20px;
}
.mobileSite .ciLineHeaderWrap .ciLineItemLine
{
    width: calc(100% - 30px);
}
.mobileSite .ciCardView
{
	font-size: 0.9em !important;
}
.mobileSite .ciCardView .ciDisplayDate
{
	font-size: 12.5px;
    color: #666;
    margin-right: 7px;
}
.mobileSite .ciColourButtonTextOnly .ciBtnRef
{
	min-height: unset !important;
    line-height: unset !important;
    border-radius: 50% !important;
    padding: 3px !important;
    width: 30px;
    height: 30px;
}
/* animation sets */

/* move from / to  */

.pt-page-moveToLeft {
	-webkit-animation: moveToLeft .6s ease both;
	animation: moveToLeft .6s ease both;
}

.pt-page-moveFromLeft {
	-webkit-animation: moveFromLeft .6s ease both;
	animation: moveFromLeft .6s ease both;
}

.pt-page-moveToRight {
	-webkit-animation: moveToRight .6s ease both;
	animation: moveToRight .6s ease both;
}

.pt-page-moveFromRight {
	-webkit-animation: moveFromRight .6s ease both;
	animation: moveFromRight .6s ease both;
}

.pt-page-moveToTop {
	-webkit-animation: moveToTop .6s ease both;
	animation: moveToTop .6s ease both;
}

.pt-page-moveFromTop {
	-webkit-animation: moveFromTop .6s ease both;
	animation: moveFromTop .6s ease both;
}

.pt-page-moveToBottom {
	-webkit-animation: moveToBottom .6s ease both;
	animation: moveToBottom .6s ease both;
}

.pt-page-moveFromBottom {
	-webkit-animation: moveFromBottom .6s ease both;
	animation: moveFromBottom .6s ease both;
}

/* fade */

.pt-page-fade {
	-webkit-animation: fade .7s ease both;
	animation: fade .7s ease both;
}

/* move from / to and fade */

.pt-page-moveToLeftFade {
	-webkit-animation: moveToLeftFade .7s ease both;
	animation: moveToLeftFade .7s ease both;
}

.pt-page-moveFromLeftFade {
	-webkit-animation: moveFromLeftFade .7s ease both;
	animation: moveFromLeftFade .7s ease both;
}

.pt-page-moveToRightFade {
	-webkit-animation: moveToRightFade .7s ease both;
	animation: moveToRightFade .7s ease both;
}

.pt-page-moveFromRightFade {
	-webkit-animation: moveFromRightFade .7s ease both;
	animation: moveFromRightFade .7s ease both;
}

.pt-page-moveToTopFade {
	-webkit-animation: moveToTopFade .7s ease both;
	animation: moveToTopFade .7s ease both;
}

.pt-page-moveFromTopFade {
	-webkit-animation: moveFromTopFade .7s ease both;
	animation: moveFromTopFade .7s ease both;
}

.pt-page-moveToBottomFade {
	-webkit-animation: moveToBottomFade .7s ease both;
	animation: moveToBottomFade .7s ease both;
}

.pt-page-moveFromBottomFade {
	-webkit-animation: moveFromBottomFade .7s ease both;
	animation: moveFromBottomFade .7s ease both;
}

/* move to with different easing */

.pt-page-moveToLeftEasing {
	-webkit-animation: moveToLeft .7s ease-in-out both;
	animation: moveToLeft .7s ease-in-out both;
}
.pt-page-moveToRightEasing {
	-webkit-animation: moveToRight .7s ease-in-out both;
	animation: moveToRight .7s ease-in-out both;
}
.pt-page-moveToTopEasing {
	-webkit-animation: moveToTop .7s ease-in-out both;
	animation: moveToTop .7s ease-in-out both;
}
.pt-page-moveToBottomEasing {
	-webkit-animation: moveToBottom .7s ease-in-out both;
	animation: moveToBottom .7s ease-in-out both;
}

/********************************* keyframes **************************************/

/* move from / to  */

@-webkit-keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%); }
}
@keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); }
}
@keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveToRight {
	from { }
	to { -webkit-transform: translateX(100%); }
}
@keyframes moveToRight {
	from { }
	to { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); }
}
@keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes moveToTop {
	from { }
	to { -webkit-transform: translateY(-100%); }
}
@keyframes moveToTop {
	from { }
	to { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); }
}
@keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(100%); }
}
@keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(100%); transform: translateY(100%); }
}

@-webkit-keyframes moveFromBottom {
	from { -webkit-transform: translateY(100%); }
}
@keyframes moveFromBottom {
	from { -webkit-transform: translateY(100%); transform: translateY(100%); }
}

/* fade */

@-webkit-keyframes fade {
	from { }
	to { opacity: 0.3; }
}
@keyframes fade {
	from { }
	to { opacity: 0.3; }
}

/* move from / to and fade */

@-webkit-keyframes moveToLeftFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateX(-100%); }
}
@keyframes moveToLeftFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveFromLeftFade {
	from { opacity: 0.3; -webkit-transform: translateX(-100%); }
}
@keyframes moveFromLeftFade {
	from { opacity: 0.3; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveToRightFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateX(100%); }
}
@keyframes moveToRightFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes moveFromRightFade {
	from { opacity: 0.3; -webkit-transform: translateX(100%); }
}
@keyframes moveFromRightFade {
	from { opacity: 0.3; -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes moveToTopFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateY(-100%); }
}
@keyframes moveToTopFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveFromTopFade {
	from { opacity: 0.3; -webkit-transform: translateY(-100%); }
}
@keyframes moveFromTopFade {
	from { opacity: 0.3; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveToBottomFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateY(100%); }
}
@keyframes moveToBottomFade {
	from { }
	to { opacity: 0.3; -webkit-transform: translateY(100%); transform: translateY(100%); }
}

@-webkit-keyframes moveFromBottomFade {
	from { opacity: 0.3; -webkit-transform: translateY(100%); }
}
@keyframes moveFromBottomFade {
	from { opacity: 0.3; -webkit-transform: translateY(100%); transform: translateY(100%); }
}

/* scale and fade */

.pt-page-scaleDown {
	-webkit-animation: scaleDown .7s ease both;
	animation: scaleDown .7s ease both;
}

.pt-page-scaleUp {
	-webkit-animation: scaleUp .7s ease both;
	animation: scaleUp .7s ease both;
}

.pt-page-scaleUpDown {
	-webkit-animation: scaleUpDown .5s ease both;
	animation: scaleUpDown .5s ease both;
}

.pt-page-scaleDownUp {
	-webkit-animation: scaleDownUp .5s ease both;
	animation: scaleDownUp .5s ease both;
}

.pt-page-scaleDownCenter {
	-webkit-animation: scaleDownCenter .4s ease-in both;
	animation: scaleDownCenter .4s ease-in both;
}

.pt-page-scaleUpCenter {
	-webkit-animation: scaleUpCenter .4s ease-out both;
	animation: scaleUpCenter .4s ease-out both;
}

/********************************* keyframes **************************************/

/* scale and fade */

@-webkit-keyframes scaleDown {
	from { }
	to { opacity: 0; -webkit-transform: scale(.8); }
}
@keyframes scaleDown {
	from { }
	to { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); }
}

@-webkit-keyframes scaleUp {
	from { opacity: 0; -webkit-transform: scale(.8); }
}
@keyframes scaleUp {
	from { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); }
}

@-webkit-keyframes scaleUpDown {
	from { opacity: 0; -webkit-transform: scale(1.2); }
}
@keyframes scaleUpDown {
	from { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@-webkit-keyframes scaleDownUp {
	from { }
	to { opacity: 0; -webkit-transform: scale(1.2); }
}
@keyframes scaleDownUp {
	from { }
	to { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@-webkit-keyframes scaleDownCenter {
	from { }
	to { opacity: 0; -webkit-transform: scale(.7); }
}
@keyframes scaleDownCenter {
	from { }
	to { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); }
}

@-webkit-keyframes scaleUpCenter {
	from { opacity: 0; -webkit-transform: scale(.7); }
}
@keyframes scaleUpCenter {
	from { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); }
}

/* rotate sides first and scale */

.pt-page-rotateRightSideFirst {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst .8s both ease-in;
	animation: rotateRightSideFirst .8s both ease-in;
}
.pt-page-rotateLeftSideFirst {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateLeftSideFirst .8s both ease-in;
	animation: rotateLeftSideFirst .8s both ease-in;
}
.pt-page-rotateTopSideFirst {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateTopSideFirst .8s both ease-in;
	animation: rotateTopSideFirst .8s both ease-in;
}
.pt-page-rotateBottomSideFirst {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateBottomSideFirst .8s both ease-in;
	animation: rotateBottomSideFirst .8s both ease-in;
}

/* flip */

.pt-page-flipOutRight {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutRight .5s both ease-in;
	animation: flipOutRight .5s both ease-in;
}
.pt-page-flipInLeft {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInLeft .5s both ease-out;
	animation: flipInLeft .5s both ease-out;
}
.pt-page-flipOutLeft {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutLeft .5s both ease-in;
	animation: flipOutLeft .5s both ease-in;
}
.pt-page-flipInRight {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInRight .5s both ease-out;
	animation: flipInRight .5s both ease-out;
}
.pt-page-flipOutTop {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutTop .5s both ease-in;
	animation: flipOutTop .5s both ease-in;
}
.pt-page-flipInBottom {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInBottom .5s both ease-out;
	animation: flipInBottom .5s both ease-out;
}
.pt-page-flipOutBottom {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutBottom .5s both ease-in;
	animation: flipOutBottom .5s both ease-in;
}
.pt-page-flipInTop {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInTop .5s both ease-out;
	animation: flipInTop .5s both ease-out;
}

/* rotate fall */

.pt-page-rotateFall {
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-animation: rotateFall 1s both ease-in;
	animation: rotateFall 1s both ease-in;
}

/* rotate newspaper */
.pt-page-rotateOutNewspaper {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: rotateOutNewspaper .5s both ease-in;
	animation: rotateOutNewspaper .5s both ease-in;
}
.pt-page-rotateInNewspaper {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: rotateInNewspaper .5s both ease-out;
	animation: rotateInNewspaper .5s both ease-out;
}

/* push */
.pt-page-rotatePushLeft {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotatePushLeft .8s both ease;
	animation: rotatePushLeft .8s both ease;
}
.pt-page-rotatePushRight {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotatePushRight .8s both ease;
	animation: rotatePushRight .8s both ease;
}
.pt-page-rotatePushTop {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatePushTop .8s both ease;
	animation: rotatePushTop .8s both ease;
}
.pt-page-rotatePushBottom {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatePushBottom .8s both ease;
	animation: rotatePushBottom .8s both ease;
}

/* pull */
.pt-page-rotatePullRight {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotatePullRight .5s both ease;
	animation: rotatePullRight .5s both ease;
}
.pt-page-rotatePullLeft {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotatePullLeft .5s both ease;
	animation: rotatePullLeft .5s both ease;
}
.pt-page-rotatePullTop {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatePullTop .5s both ease;
	animation: rotatePullTop .5s both ease;
}
.pt-page-rotatePullBottom {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatePullBottom .5s both ease;
	animation: rotatePullBottom .5s both ease;
}

/* fold */
.pt-page-rotateFoldRight {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateFoldRight .7s both ease;
	animation: rotateFoldRight .7s both ease;
}
.pt-page-rotateFoldLeft {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateFoldLeft .7s both ease;
	animation: rotateFoldLeft .7s both ease;
}
.pt-page-rotateFoldTop {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateFoldTop .7s both ease;
	animation: rotateFoldTop .7s both ease;
}
.pt-page-rotateFoldBottom {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateFoldBottom .7s both ease;
	animation: rotateFoldBottom .7s both ease;
}

/* unfold */
.pt-page-rotateUnfoldLeft {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateUnfoldLeft .7s both ease;
	animation: rotateUnfoldLeft .7s both ease;
}
.pt-page-rotateUnfoldRight {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateUnfoldRight .7s both ease;
	animation: rotateUnfoldRight .7s both ease;
}
.pt-page-rotateUnfoldTop {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateUnfoldTop .7s both ease;
	animation: rotateUnfoldTop .7s both ease;
}
.pt-page-rotateUnfoldBottom {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateUnfoldBottom .7s both ease;
	animation: rotateUnfoldBottom .7s both ease;
}

/* room walls */
.pt-page-rotateRoomLeftOut {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateRoomLeftOut .8s both ease;
	animation: rotateRoomLeftOut .8s both ease;
}
.pt-page-rotateRoomLeftIn {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateRoomLeftIn .8s both ease;
	animation: rotateRoomLeftIn .8s both ease;
}
.pt-page-rotateRoomRightOut {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateRoomRightOut .8s both ease;
	animation: rotateRoomRightOut .8s both ease;
}
.pt-page-rotateRoomRightIn {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateRoomRightIn .8s both ease;
	animation: rotateRoomRightIn .8s both ease;
}
.pt-page-rotateRoomTopOut {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateRoomTopOut .8s both ease;
	animation: rotateRoomTopOut .8s both ease;
}
.pt-page-rotateRoomTopIn {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateRoomTopIn .8s both ease;
	animation: rotateRoomTopIn .8s both ease;
}
.pt-page-rotateRoomBottomOut {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateRoomBottomOut .8s both ease;
	animation: rotateRoomBottomOut .8s both ease;
}
.pt-page-rotateRoomBottomIn {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateRoomBottomIn .8s both ease;
	animation: rotateRoomBottomIn .8s both ease;
}

/* cube */
.pt-page-rotateCubeLeftOut {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateCubeLeftOut .6s both ease-in;
	animation: rotateCubeLeftOut .6s both ease-in;
}
.pt-page-rotateCubeLeftIn {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateCubeLeftIn .6s both ease-in;
	animation: rotateCubeLeftIn .6s both ease-in;
}
.pt-page-rotateCubeRightOut {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateCubeRightOut .6s both ease-in;
	animation: rotateCubeRightOut .6s both ease-in;
}
.pt-page-rotateCubeRightIn {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateCubeRightIn .6s both ease-in;
	animation: rotateCubeRightIn .6s both ease-in;
}
.pt-page-rotateCubeTopOut {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCubeTopOut .6s both ease-in;
	animation: rotateCubeTopOut .6s both ease-in;
}
.pt-page-rotateCubeTopIn {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateCubeTopIn .6s both ease-in;
	animation: rotateCubeTopIn .6s both ease-in;
}
.pt-page-rotateCubeBottomOut {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateCubeBottomOut .6s both ease-in;
	animation: rotateCubeBottomOut .6s both ease-in;
}
.pt-page-rotateCubeBottomIn {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCubeBottomIn .6s both ease-in;
	animation: rotateCubeBottomIn .6s both ease-in;
}

/* carousel */
.pt-page-rotateCarouselLeftOut {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateCarouselLeftOut .8s both ease;
	animation: rotateCarouselLeftOut .8s both ease;
}
.pt-page-rotateCarouselLeftIn {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateCarouselLeftIn .8s both ease;
	animation: rotateCarouselLeftIn .8s both ease;
}
.pt-page-rotateCarouselRightOut {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateCarouselRightOut .8s both ease;
	animation: rotateCarouselRightOut .8s both ease;
}
.pt-page-rotateCarouselRightIn {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateCarouselRightIn .8s both ease;
	animation: rotateCarouselRightIn .8s both ease;
}
.pt-page-rotateCarouselTopOut {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCarouselTopOut .8s both ease;
	animation: rotateCarouselTopOut .8s both ease;
}
.pt-page-rotateCarouselTopIn {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateCarouselTopIn .8s both ease;
	animation: rotateCarouselTopIn .8s both ease;
}
.pt-page-rotateCarouselBottomOut {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateCarouselBottomOut .8s both ease;
	animation: rotateCarouselBottomOut .8s both ease;
}
.pt-page-rotateCarouselBottomIn {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCarouselBottomIn .8s both ease;
	animation: rotateCarouselBottomIn .8s both ease;
}

/* sides */
.pt-page-rotateSidesOut {
	-webkit-transform-origin: -50% 50%;
	transform-origin: -50% 50%;
	-webkit-animation: rotateSidesOut .5s both ease-in;
	animation: rotateSidesOut .5s both ease-in;
}
.pt-page-rotateSidesIn {
	-webkit-transform-origin: 150% 50%;
	transform-origin: 150% 50%;
	-webkit-animation: rotateSidesIn .5s both ease-out;
	animation: rotateSidesIn .5s both ease-out;
}

/* slide */
.pt-page-rotateSlideOut {
	-webkit-animation: rotateSlideOut 1s both ease;
	animation: rotateSlideOut 1s both ease;
}
.pt-page-rotateSlideIn {
	-webkit-animation: rotateSlideIn 1s both ease;
	animation: rotateSlideIn 1s both ease;
}

/********************************* keyframes **************************************/

/* rotate sides first and scale */

@-webkit-keyframes rotateRightSideFirst {
	0% { }
	40% { -webkit-transform: rotateY(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@keyframes rotateRightSideFirst {
	0% { }
	40% { -webkit-transform: rotateY(15deg); transform: rotateY(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); opacity:0; }
}

@-webkit-keyframes rotateLeftSideFirst {
	0% { }
	40% { -webkit-transform: rotateY(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@keyframes rotateLeftSideFirst {
	0% { }
	40% { -webkit-transform: rotateY(-15deg); transform: rotateY(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); opacity:0; }
}

@-webkit-keyframes rotateTopSideFirst {
	0% { }
	40% { -webkit-transform: rotateX(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@keyframes rotateTopSideFirst {
	0% { }
	40% { -webkit-transform: rotateX(15deg); transform: rotateX(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); opacity:0; }
}

@-webkit-keyframes rotateBottomSideFirst {
	0% { }
	40% { -webkit-transform: rotateX(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; }
}
@keyframes rotateBottomSideFirst {
	0% { }
	40% { -webkit-transform: rotateX(-15deg); transform: rotateX(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px); opacity:0; }
}

/* flip */

@-webkit-keyframes flipOutRight {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipOutRight {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipOutLeft {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipOutLeft {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInRight {
	from { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipInRight {
	from { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipOutTop {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipOutTop {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInBottom {
	from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipInBottom {
	from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipOutBottom {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipOutBottom {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInTop {
	from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipInTop {
	from { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}

/* fall */

@-webkit-keyframes rotateFall {
	0% { -webkit-transform: rotateZ(0deg); }
	20% { -webkit-transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; }
	40% { -webkit-transform: rotateZ(17deg); }
	60% { -webkit-transform: rotateZ(16deg); }
	100% { -webkit-transform: translateY(100%) rotateZ(17deg); }
}
@keyframes rotateFall {
	0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
	20% { -webkit-transform: rotateZ(10deg); transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	40% { -webkit-transform: rotateZ(17deg); transform: rotateZ(17deg); }
	60% { -webkit-transform: rotateZ(16deg); transform: rotateZ(16deg); }
	100% { -webkit-transform: translateY(100%) rotateZ(17deg); transform: translateY(100%) rotateZ(17deg); }
}

/* newspaper */

@-webkit-keyframes rotateOutNewspaper {
	from { }
	to { -webkit-transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}
@keyframes rotateOutNewspaper {
	from { }
	to { -webkit-transform: translateZ(-3000px) rotateZ(360deg); transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}

@-webkit-keyframes rotateInNewspaper {
	from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; }
}
@keyframes rotateInNewspaper {
	from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; }
}

/* push */

@-webkit-keyframes rotatePushLeft {
	from { }
	to { opacity: 0; -webkit-transform: rotateY(90deg); }
}
@keyframes rotatePushLeft {
	from { }
	to { opacity: 0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
}

@-webkit-keyframes rotatePushRight {
	from { }
	to { opacity: 0; -webkit-transform: rotateY(-90deg); }
}
@keyframes rotatePushRight {
	from { }
	to { opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); }
}

@-webkit-keyframes rotatePushTop {
	from { }
	to { opacity: 0; -webkit-transform: rotateX(-90deg); }
}
@keyframes rotatePushTop {
	from { }
	to { opacity: 0; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
}

@-webkit-keyframes rotatePushBottom {
	from { }
	to { opacity: 0; -webkit-transform: rotateX(90deg); }
}
@keyframes rotatePushBottom {
	from { }
	to { opacity: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); }
}

/* pull */

@-webkit-keyframes rotatePullRight {
	from { opacity: 0; -webkit-transform: rotateY(-90deg); }
}
@keyframes rotatePullRight {
	from { opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); }
}

@-webkit-keyframes rotatePullLeft {
	from { opacity: 0; -webkit-transform: rotateY(90deg); }
}
@keyframes rotatePullLeft {
	from { opacity: 0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
}

@-webkit-keyframes rotatePullTop {
	from { opacity: 0; -webkit-transform: rotateX(-90deg); }
}
@keyframes rotatePullTop {
	from { opacity: 0; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
}

@-webkit-keyframes rotatePullBottom {
	from { opacity: 0; -webkit-transform: rotateX(90deg); }
}
@keyframes rotatePullBottom {
	from { opacity: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); }
}

/* fold */

@-webkit-keyframes rotateFoldRight {
	from { }
	to { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); }
}
@keyframes rotateFoldRight {
	from { }
	to { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); }
}

@-webkit-keyframes rotateFoldLeft {
	from { }
	to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); }
}
@keyframes rotateFoldLeft {
	from { }
	to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); }
}

@-webkit-keyframes rotateFoldTop {
	from { }
	to { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); }
}
@keyframes rotateFoldTop {
	from { }
	to { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
}

@-webkit-keyframes rotateFoldBottom {
	from { }
	to { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateFoldBottom {
	from { }
	to { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
}

/* unfold */

@-webkit-keyframes rotateUnfoldLeft {
	from { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); }
}
@keyframes rotateUnfoldLeft {
	from { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); }
}

@-webkit-keyframes rotateUnfoldRight {
	from { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); }
}
@keyframes rotateUnfoldRight {
	from { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); }
}

@-webkit-keyframes rotateUnfoldTop {
	from { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); }
}
@keyframes rotateUnfoldTop {
	from { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
}

@-webkit-keyframes rotateUnfoldBottom {
	from { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateUnfoldBottom {
	from { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
}

/* room walls */

@-webkit-keyframes rotateRoomLeftOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); }
}
@keyframes rotateRoomLeftOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); }
}

@-webkit-keyframes rotateRoomLeftIn {
	from { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); }
}
@keyframes rotateRoomLeftIn {
	from { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); transform: translateX(100%) rotateY(-90deg); }
}

@-webkit-keyframes rotateRoomRightOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); }
}
@keyframes rotateRoomRightOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); transform: translateX(100%) rotateY(-90deg); }
}

@-webkit-keyframes rotateRoomRightIn {
	from { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); }
}
@keyframes rotateRoomRightIn {
	from { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); }
}

@-webkit-keyframes rotateRoomTopOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); }
}
@keyframes rotateRoomTopOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); }
}

@-webkit-keyframes rotateRoomTopIn {
	from { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); }
}
@keyframes rotateRoomTopIn {
	from { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); }
}

@-webkit-keyframes rotateRoomBottomOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); }
}
@keyframes rotateRoomBottomOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); }
}

@-webkit-keyframes rotateRoomBottomIn {
	from { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); }
}
@keyframes rotateRoomBottomIn {
	from { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); }
}

/* cube */

@-webkit-keyframes rotateCubeLeftOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out;  -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
	100% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); }
}
@keyframes rotateCubeLeftOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;  -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);  transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
	100% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); }
}

@-webkit-keyframes rotateCubeLeftIn {
	0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); }
	50% { -webkit-animation-timing-function: ease-out;  -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
}
@keyframes rotateCubeLeftIn {
	0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;  -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);  transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
}

@-webkit-keyframes rotateCubeRightOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
	100% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); }
}
@keyframes rotateCubeRightOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
	100% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); }
}

@-webkit-keyframes rotateCubeRightIn {
	0% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
}
@keyframes rotateCubeRightIn {
	0% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
}

@-webkit-keyframes rotateCubeTopOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
	100% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); }
}
@keyframes rotateCubeTopOut {
	0% {}
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
	100% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
}

@-webkit-keyframes rotateCubeTopIn {
	0% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
}
@keyframes rotateCubeTopIn {
	0% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
}

@-webkit-keyframes rotateCubeBottomOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
	100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateCubeBottomOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
	100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
}

@-webkit-keyframes rotateCubeBottomIn {
	0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
@keyframes rotateCubeBottomIn {
	0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}

/* carousel */

@-webkit-keyframes rotateCarouselLeftOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg); }
}
@keyframes rotateCarouselLeftOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg); transform: translateX(-150%) scale(.4) rotateY(-65deg); }
}

@-webkit-keyframes rotateCarouselLeftIn {
	from { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@keyframes rotateCarouselLeftIn {
	from { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); transform: translateX(200%) scale(.4) rotateY(65deg); }
}

@-webkit-keyframes rotateCarouselRightOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@keyframes rotateCarouselRightOut {
	from { }
	to { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); transform: translateX(200%) scale(.4) rotateY(65deg); }
}

@-webkit-keyframes rotateCarouselRightIn {
	from { opacity: .3; -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg); }
}
@keyframes rotateCarouselRightIn {
	from { opacity: .3; -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg); transform: translateX(-200%) scale(.4) rotateY(-65deg); }
}

@-webkit-keyframes rotateCarouselTopOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@keyframes rotateCarouselTopOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); transform: translateY(-200%) scale(.4) rotateX(65deg); }
}

@-webkit-keyframes rotateCarouselTopIn {
	from { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@keyframes rotateCarouselTopIn {
	from { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); transform: translateY(200%) scale(.4) rotateX(-65deg); }
}

@-webkit-keyframes rotateCarouselBottomOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@keyframes rotateCarouselBottomOut {
	from { }
	to { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); transform: translateY(200%) scale(.4) rotateX(-65deg); }
}

@-webkit-keyframes rotateCarouselBottomIn {
	from { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@keyframes rotateCarouselBottomIn {
	from { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); transform: translateY(-200%) scale(.4) rotateX(65deg); }
}

/* sides */

@-webkit-keyframes rotateSidesOut {
	from { }
	to { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); }
}
@keyframes rotateSidesOut {
	from { }
	to { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); transform: translateZ(-500px) rotateY(90deg); }
}

@-webkit-keyframes rotateSidesIn {
	from { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); }
}
@keyframes rotateSidesIn {
	from { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); transform: translateZ(-500px) rotateY(-90deg); }
}

/* slide */

@-webkit-keyframes rotateSlideOut {
	0% { }
	25% { opacity: .5; -webkit-transform: translateZ(-500px); }
	75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
	100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes rotateSlideOut {
	0% { }
	25% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); }
	75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); }
	100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes rotateSlideIn {
	0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
	75% { opacity: .5; -webkit-transform: translateZ(-500px); }
	100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@keyframes rotateSlideIn {
	0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); transform: translateZ(-500px) translateX(200%); }
	75% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); }
	100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); }
}

/* animation delay classes */

.pt-page-delay100 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}
.pt-page-delay180 {
	-webkit-animation-delay: .180s;
	animation-delay: .180s;
}
.pt-page-delay200 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}
.pt-page-delay300 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
.pt-page-delay400 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.pt-page-delay500 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.pt-page-delay700 {
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
}
.pt-page-delay1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.ciNAOfflineMsg
{
	display: none;
	position: absolute;
	border: solid 1px #666;
	background: #f7f7f7;
	color: #666;
	padding: 5px;
}
#quotaExceededError
{
	display: none;
	position: fixed;
    z-index: 99999;
    text-align: center;
    padding-top: 50%;
    background: #000000;
    height: 100%;
    width: 100%;
    top: 45px;
    color: #fff;
}
#inititalOfflineSync
{
	display: none;
	position: fixed;
	z-index: 9999;
	height: 100%;
	width: 100%;
	background: #262626;
	color: #fff;
	text-align: center
}
#inititalOfflineSyncMsg
{
	display: inline-block;
	margin-top: 50%;
	font-size: 16px;
}
#inititalOfflineSyncPercent
{
	margin-top: 7px;
	font-size: 22px;
	color: #fff;
}
#bugSubmitScreen
{
	display: none;
	position: fixed;
	z-index: 9999;
	height: 100%;
	width: 100%;
	background: #262626;
	color: #fff;
	text-align: center
}
#bugSubmitScreenForm
{
	margin: 30% 20px;
	font-size: 22px;
	color: #fff;
}
/*WINDOW HEADER STRIP*/
.pageHeaderStrip
{
		width: 102%;
    display: inline-table;
    overflow: hidden;
    margin-left: -2px;
}
.pageHeaderStrip div
{
	width: 100%;
	display: table-cell; left: 0px; right: 0px;  height: 40px;
	padding: 5px; vertical-align: middle;
}
.pageHeaderStrip .wrap
{
	display:block;
	color: rgb(255, 255, 255); font-size: 16px; padding-left: 2.5%;
}
.pageHeaderStrip .wrap span:nth-child(1)
{
	font-size: 20px !important
}
.pageHeaderStrip .wrap span:nth-child(2)
{
	font-size: 16px !important
}
.selectionTransformFace
{
	margin-left: 0px !important; margin-right: 0px !important; 
}