/* Minification failed. Returning unminified contents.
(577,56): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: parentNode
(1780,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2297,1): run-time error CSS1019: Unexpected token, found '{'
(2298,19): run-time error CSS1030: Expected identifier, found ' '
(2298,27): run-time error CSS1031: Expected selector, found ';'
(2298,27): run-time error CSS1025: Expected comma or open brace, found ';'
(2299,1): run-time error CSS1019: Unexpected token, found '}'
(5249,2291): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5249,2325): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5249,2395): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5249,2425): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5249,2489): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5249,2520): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5249,2584): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5249,2611): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5249,2669): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(5249,2699): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5249,2761): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(5249,2787): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5249,3011): run-time error CSS1019: Unexpected token, found '@keyframes'
(5249,3037): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5249,3091): run-time error CSS1019: Unexpected token, found '@keyframes'
(5249,3113): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5358,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5368,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5378,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5388,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5398,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(5399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5408,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(5409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5438,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5448,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5723,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5724,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5731,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5732,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5739,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5740,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5747,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5748,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5755,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(5756,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5763,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(5764,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5787,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5788,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5795,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5796,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
*
{
    resize:none;
}

.clear
{
    clear:both;
}

.contentwindow .bt_close
{
    display:none;
}

a#buy_more_hidden
{    
    cursor: default; 
    outline: none;   
}
a#buy_more
{    
    font-size: 11px;
}

/*
GenericMainError
// #region
*/
.error-page-left-content
{
    vertical-align: top;
    text-align: center;
    padding-top: 40px;
}
.unknownerrorcontent
{
    padding: 20px 20px 10px 20px;
}
.unknownerrorcontent table
{
    position: relative;
    left: -2px;
}
.unknownerrorcontent .errorpagelabel
{
    width: 120px;
    padding: 0px;
}

/*
// #endregion
Verify account page
// #region
*/
div.verify
{
    padding: 20px;
}
div.verify input#email
{
    width: 300px;
}
div.verify td.firstColumn
{
    vertical-align: top;
    padding-top: 5px;
    width: 150px;
}
div.verify table#send
{
    margin: 15px 0px;
}
div.verify #cannotfind
{
    margin: 15px 0px;
    position: relative;
    left: 1px;
    line-height: 50px;
}
div.verify #cannotfind:focus
{
    border: 1px dotted Gray;
    left: 0px;
}
div.verify table#myemail
{
    padding-top: 10px;
}
div.verify span.closed
{
	/*background-image:url('/Common/Images/Sprite/sprite.png');*/
    background-color:transparent;
	background-repeat:no-repeat;
	background-position:-373px -34px;
    padding-left: 6px;
}
div.verify span.opened
{
    background-color:transparent;
	background-repeat:no-repeat;
	background-position:-372px 6px;
    padding-left: 6px;
}
/*
// #endregion
Enumeration
// #region
*/
div.green
{
    padding: 15px 0px;
    border-left: 1px solid #CBCBCB;
}
div.green ul
{
    color: #86C601;
    font-size: 14px;
    line-height: 25px;
}
#loginright div.green ul
{
    font-size:12px;
}

div.green ul li span
{
    color: #444444;
}
/*
// #endregion
Table colors
// #region
*/
tr.even:hover, tr.odd:hover
{
    background-color: #D9EAB3;
}
tr.odd
{
    background-color: #F3F7E6;
}
tr.even
{
    background-color: #FFFFFF;
}
/*
// #endregion
*/
jm_html
{
	overflow: hidden;
}
body
{
    font-family: tahoma, arial, verdana;
    font-size: 12px;
    color: #444444;
}
input
{
    color: #444444;
}
textarea
{
    color: #444444;
}
h1, h2, h3, h4, h5, h6
{
    margin-top: 0px;    
    font-weight: bold;
    font-family:Tahoma,arial,sans-serif;
}
h1
{
   font-size:26px;
   font-family:arial;
}
h2
{
	font-size:18px;
}
h3
{
	font-size:16px;
}
h4
{
    font-size: 14px;
}
h5
{
    font-size: 13px;
}
h6
{
    font-size: 11px;
}
a
{
    color: #ff9200;
    font-weight: bold;
    text-decoration: none;
}
a:focus
{
    outline: #ff9200 dotted 1px;
}

#mainWrapper
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: auto;
    background-image: url("/Common/Images/blank.gif");
}

div#X_Ex
{
    top: -125px;
    left: 668px;
    *top: -133px;
}
div#X_Ex div
{
    background: url('/Common/Images/Temp/x_from_express.png') no-repeat 0px 0px;
    -background: url('/Common/Images/Temp/x_from_express.png') no-repeat 0px 0px;    
    width: 10px;
    height: 10px;
    -behavior:url("/Common/Scripts/3rdParty/csshover3.htc");        
}
/*      End Back To Main Page X     */
/*		BASIC CLASSES FOR POSITIONING		*/
.joci_rel
{
    position: relative;
}
.joci_abs
{
    position: absolute;
}
/*		END BASIC CLASSES FOR POSITIONING		*/

.button
{
    cursor: pointer;      
}
/*       START LOGOS      */
div.joci_rel.jm_beta
{
    top: -8px;
    left: 60px;    
    *top: -3px;
    *left: 52px;    
}
div.joci_rel.jm_beta div.joci_abs
{
    background-color:transparent;
	background-repeat:no-repeat;
    height: 15px;
    width: 45px;    
}
div.joci_rel.jm_logo
{
    position:absolute;
    *position:relative;
    top: -72px;
    left: -93px;
}
div.joci_rel.jm_logo div.joci_abs
{
    background-color:transparent;
	background-repeat:no-repeat;
    background-position: 0px -65px;
    height: 120px;
    width: 160px;    
}
div.joci_rel.lmi_logo
{
    float: right;
    top: 67px;
    *top: 23px;
    -top: -49px;    
    left: -65px;
    -left: 6px;
}
div.joci_rel.lmi_copyright
{
	color: White;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
    top: 19px;
    left: 8px;
}
div.joci_rel.lmi_logo div
{
	/*background-image:url('/Common/Images/Sprite/sprite.png');*/
    background-color:transparent;
	background-repeat:no-repeat;
	background-position:-280px 0px;    
    height: 24px;
    width: 68px;
    -height: 59px;    
    -width: 80px;
    -border-left: 1px solid #d0cdc8;
}

#social_icons
{
    top:12px;
	height:18px;
	width:105px;
	position:absolute;
	right:20px;
	z-index:100001;
}

#social_icons a
{
    outline:none;
}

.br_ie #social_icons
{
    width:75px;
}

#social_icons .socialGroups
{
    position:relative;
    width:34px;
    height:35px;
    background:url(/Common/Images/Homepage/social_icons.png) no-repeat 2px -210px;
    float:left;
    cursor:pointer;
    z-index:100001;
}

.socialIconWindow
{
    border-width:6px 6px 6px 6px;
    border-style: solid;
	-webkit-border-image:url(/Common/Images/Homepage/roundbg.png) 6 6 6 6;
	-moz-border-image:url(/Common/Images/Homepage/roundbg.png) 6 6 6 6;
	-o-border-image:url(/Common/Images/Homepage/roundbg.png) 6 6 6 6;
	border-image:url(/Common/Images/Homepage/roundbg.png) 6 6 6 6 fill;	
}

#socialLikeWindow
{
    position:absolute;
    left:-20px;
    width:57px;
    height:100px;
    top:35px;
    visibility:hidden;
}

.br_ie #socialLikeWindow
{
    top:-1000px;
    width:60px;
    margin:6px 0 0 6px;
    visibility:visible;
}

#fbLikeDisc:hover #socialLikeWindow
{
   visibility:visible;
}

.br_ie #fbLikeDisc
{
	display:none;
}

#fbLikeDisc #fbLikeIcon
{
    position:absolute;
    top:0;
    left:1px;
    width:30px;
    height:30px;
    background:url(/Common/Images/Homepage/social_icons.png) no-repeat 0 -30px;
}
    #fbLikeDisc:hover #fbLikeIcon { background-position: -30px -30px }


#shareDisc #shareIcon
{
    position:absolute;
    top:0;
    left:1px;
    width:30px;
    height:30px;
    background:url(/Common/Images/Homepage/social_icons.png) no-repeat -1px -60px;
}
    #shareDisc:hover #shareIcon { background-position: -31px -60px }


#socialShareWindow
{
    position:absolute;
    top:35px;
    left:-1px;
    width:23px;
    height:123px;
    visibility:hidden;
}

.br_ie #socialShareWindow
{
    margin:6px 0 0 6px;
}

#socialShareWindow a
{
    position:relative;
    display:block;
    width:30px;
    height:30px;
    left:-5px;
    background:url(/Common/Images/Homepage/social_icons.png) no-repeat;
}

#shareDisc:hover #socialShareWindow
{
    visibility:visible;
}

#social_icons a#facebook
{
	background-position: 0 -90px;
}
    #social_icons a#facebook:hover { background-position: -30px -90px; }


#social_icons a#twitter
{
	background-position: 0 -120px;
}
    #social_icons a#twitter:hover { background-position: -30px -120px; }


#social_icons a#youtube
{
	background-position: 0 -150px;
}
    #social_icons a#youtube:hover { background-position: -30px -150px; }


#social_icons a#linkedin
{
    top:3px;
	background-position: 0 -180px;
}
    #social_icons a#linkedin:hover { background-position: -30px -180px; }


#login_container,
#login_container_main
{
    position: absolute; 
    right:5px; 
	top: -27px; 
}

#member_login
{
	color: #fff;
	cursor:pointer;
}

#addfeatures,
#forbiz
{
    margin-right:6px;
    height:10px;
    line-height:10px;    
    cursor:pointer;
    border-right:1px solid #eee;
    padding-right:10px;
}

#addfeatures
{
    color:#fff;
}

#forbiz
{
    color: #FEA42A;       
}

#forbizLoggedin
{
    color: #FEA42A;      
    font-size:11px; 
    border-left:1px solid #eee;
    border-right:none;
    padding-left:10px;
    margin-left:6px;
    cursor:pointer;
}

#copyright
{
	position:absolute;
	bottom:-38px;
	left:-5px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	width:300px;
}

#legaleselink,
#privacylink
{
	position:absolute;
	bottom:-38px;
	left:290px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor:pointer;
}

#lmi_logo
{
	position:absolute;
	bottom:-40px;
	right:10px;
    background-color:transparent;
	background-repeat:no-repeat;
	background-position:-280px 0px;    
    height: 24px;
    width: 68px;
    -height: 59px;    
    -width: 80px;
    cursor:pointer;
}

#common_callus
{
    position:absolute;
    right:12px;
    top:-21px;
    color:#fff;
    font-weight:bold;
    width:auto;
    font-size:11px;
    text-align:right;
    white-space:nowrap;
}

table.main, table.menu
{   
    display: inline-block;
    *display: inline;
    text-align: left;
    position:relative;   
}
/*      END LOGOS       */
/*      Start Menu      */

#menucontentwindow
{
    height:47px;   
    position:absolute;
    left:50%;
    *left:expression( (parentNode.offsetWidth/2) + 'px');
    margin-left:-237px;
    z-index:-1;
}

table.menucontent
{    
    font-size: 11px;
    font-weight: bold;   
}
table.menucontent td.start, table.menucontent td.end 
{
    background-image:transparent;
	background-repeat:no-repeat;
    -background: white none;
}
table.menucontent td.padding
{
    width: 66px;
    *width: 50px;
}
table.menucontent td.start
{
    background-position: -200px -1px;
    width: 6px;
    padding: 0px 0px;
}
table.menucontent
{
    -behavior:url("/Common/Scripts/3rdParty/csshover3.htc");
	position:relative;
}
table.menucontent td.content
{   
    background-color: White;
    padding: 0px 15px;
    cursor: pointer;
    -position: relative;        
}
table.menucontent td.separator
{
    position:relative;
    background-position: -210px -1px;
    width: 1px;
    padding: 0px 0px;
    height:29px;
    margin:0;
    border:none;
}
table.menucontent td.end
{
    background-position: -200px -34px;
    width: 6px;
    padding: 0px 0px;
}
table.menucontent td
{
    height: 30px;    
}
table.menucontent
{
	padding: 9px 8px;
	*margin-top: 9px;
	*margin-right: 8px;
	*margin-bottom: 4px;
	*margin-left: 8px;
}
/*      End Menu        */
/*      Start Main page     */
table.white tr.white_middle td.white_middle.sep, table.white tr.white_top td.white_middle.sep, table.white tr.white_bottom td.white_middle.sep
{
    padding-right:1px;
    background-color: transparent;
}
table.white tr.white_top td.white_middle.sep, table.white tr.white_bottom td.white_middle.sep
{
    background-image: none;
}
table.exclamation
{
    margin-bottom: 12px;
    width: 100%;
    height: 166px;
    -text-align: center;
}
table.exclamation #newFeature {
    font-size: 18px;
    padding-top: 10px;
}
table.exclamation .new {
    color: #fff;
    padding-right: 8px;
}

table.exclamation .recicon {
    width: 20px;
    height: 18px;
    background-position: -351px -210px;
    position: relative;
    top: 2px;
}

table.exclamation .rec {
    color: #ff9200;
    padding-left: 2px;
}
table.fromexpress
{
    width: 100%;
    height: 140px;
    -text-align: center;
}
td.share
{
    padding-left: 57px;   
}
td.join
{
    padding-left: 5px;
    padding-right: 0px;
}
div.share, div.join,
span.share, span.join
{
	position:relative;
	display: block;
    background-color:transparent;
	background-repeat:no-repeat;
    background-position: -135px 0px;
    width: 65px;
    height: 68px;    
	top:-5px;	
	margin-right:10px;
}
div.join, span.join
{
    background-position: -70px 1px;
}

div.join
{
	*height: 73px;
}
td.content
{
    padding: 5px 20px;
    *padding: 0px 20px;
}
table.content tr.top td
{
    vertical-align: top;
}
table.content tr.bottom td
{
    vertical-align: bottom;
}
td.menupadding
{
	width: 66px;
	*width: 50px;
	-width: 61px;	
}
div.freefor,
div.mobilviewer_link
{
	font-size: 10px;
	color: #888;
	padding-top: 4px;
}
div#freeandnoreg
{
    height:20px;
    line-height:22px;
    margin-bottom:-20px;
    font-size:11px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    position:relative;
    left:0px;
}

.layoutB div#freeandnoreg
{
    top: -1px;
}

.br_ff .layoutB div#freeandnoreg,
.br_ie.vr_9 .layoutB div#freeandnoreg
{
    top: -2px;
}

a#dl_desktopapp_home
{
    position:absolute;
    line-height:22px;
    bottom:-7px;
    right:20px;
    font-size:11px;
    z-index:1000;
    color: #fea42a;
}
a#dl_desktopapp_start
{
    position:absolute;
    top:21px;
    right:20px;
    font-size:11px;
    z-index:1000;
    color: #fea42a;
}
table.jointable
{
	padding-top: 5px;
	padding-left: 5px;
}
table.sharetable
{
	padding-left: 5px;
}
td.jointext
{
	padding-right: 10px;
}
td.codeinput
{
	padding-right: 10px;
}
/*      End Main page       */

table.tabsystem
{
    position: relative;
    left: 30px;
    top: 10px;
	font-size:11px;
}

table.tabsystem a
{
    font-weight: bold;
}

/* Login */

div#remember
{
	position: relative;
	left: 1px;
}
div#donthaveaccount
{
	padding-bottom: 18px; 
	padding-top: 5px; 
	font-size: 18px; 
	font-weight: bold;	
}
#loginspacer
{
    height: 113px;
}
.br_ie.vr_8 #loginspacer
{
    height: 114px;
}
.br_ie.vr_9 #loginspacer
{
    height: 114px;
}

/* End of Login */

/* ForgotPassword */

#cancelForgotPassword
{
    margin-left: 10px;
}

div#forgotpasswordsuccess
{
	left: 160px;
	top: -30px;
	width:510px;
}
/* End of ForgotPassword */

/* CreateAccount */
div#premium
{ 
	font-size: 14px; 
	font-weight: bold;	
}
ul#premiumlist
{
	padding-top: 0px;
	padding-left: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;	
}
ul#premiumlist li
{
	font-size: 18px;	
}
ul#premiumlist span
{
	font-size: 12px;	
}
/* End of CreateAccount */

/* Personal Information */
table#personalinformation td.leftcolumn
{
	padding-right: 20px;
	color: #868686;
	padding-right: 20px;
	padding-bottom: 10px;
}
table#personalinformation td.rightcolumn
{
	padding-right: 20px;
	padding-bottom: 10px;
}
table#personalinformation td.first
{
	padding-bottom: 20px;
}
table#personalinformation td.last
{
	padding-top: 10px;
}
div#keepmeinformed, div#sendme, div#pleaseenter
{
	color: #868686;
}
div#changeemailsuccessmsg
{
	left: 155px;
	top: -41px;
	color: #70a800;
	font-weight: bold;
	display: none;
}
div#changeemailfailure
{
	left: 155px;
	top: -32px;
	color: red;
	font-weight: bold;
	display: none;
}
/* End of Personal Information */

/* Change Password */
table#changepassword td.changepwdleft
{
	padding-right: 15px;
	padding-bottom: 10px;
	color: #868686;
}
table#changepassword td.changepwdright
{
	padding-bottom: 10px;
}
/* End of Change Password */

/* Reset Password */
table#changepassword td.changepwdleft
{
	padding-right: 15px;
	padding-bottom: 10px;
	color: #868686;
}
div#changepwdsuccessmsg
{
	left: 225px;
	top: -32px;
	color: #70a800;
	font-weight: bold;
	display: none;
}
div#changepwdfailure
{
	left: 225px;
	top: -32px;
	color: red;
	font-weight: bold;
	display: none;
}
div#changepwdoldpasswordwrong
{
	left: 225px;
	top: -32px;
	color: red;
	font-weight: bold;
	display: none;
}
/* End of Reset Password */

/* Session Timer Dialog */
div.sessiontimerdialog
{
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 18px;
    padding-left: 11px;
    padding-right: 11px;
    cursor: pointer;
}
iframe.sessiontimerdialogiframe
{
    width: 0px;
    height: 0px;
    position: absolute;
    left: -500px;
    top: -500px;
}
/* End of Session Timer Dialog */


#legalese #jm_scrollablemaincontent.legalContent
{
    margin: 0 0 5px 15px;
    overflow: visible;
    height: 350px; 
    width: 670px;
    line-height: 17px;
}

#legalese .jspScrollable p,
#legalese .jspScrollable ol,
#openSource .jspScrollable p,
#openSource .jspScrollable ol
{
	width:630px;
	margin-left:0;
}

#openSource .jspScrollable ol li
{
    margin-left:0;
}

#legalese .jspScrollable
{
    text-align: justify;
}

#legalese .jspScrollable h3
{
    font-size: 14px;
    color: #444;
    margin-bottom: .75em;
    margin-top: 2em;
}

#legalese .jspScrollable em
{
    font-weight: normal;
    font-style: normal;
    text-decoration: underline;
}

#legalese .jspScrollable p
{
    width: 650px;
}

#legalese .jspScrollable p.l-1
{
    padding-left: 30px;
    text-indent: -30px;
    margin-bottom: 0;
    width: 620px;
}

#legalese .jspScrollable p.l-1.dmca
{    
    text-indent: 0px;
    margin-bottom: 2em;
}
 
#legalese .jspScrollable p.l-2
{
    padding-left: 30px;
    margin-bottom: 0;
    width: 620px;
}
 
#legalese .jspScrollable p.l-3
{
    padding-left: 60px;
    margin-bottom: 0;
    width: 590px;
}

#legalese .jspScrollable p.l-3.dmca
{
    margin-top: 1em;
}

#legalese .jspScrollable address
{
font-weight: normal;
font-style: normal;
padding-left: 90px;
text-indent: -30px;
margin: 1em 0;
}

#legalese .jspScrollable .copyright,
#legalese .jspScrollable .opensource,
#legalese .jspScrollable .patents
{
    font-size: 11px;
}
#legalese .jspScrollable .copyright {
    margin-top: 2em;
}
 
#legalese .jspScrollable .clickable
{
    cursor: pointer;
} 
 
/* Invitation */
table#invite td.inviteleft
{
	padding-right: 40px;
	padding-bottom: 10px;
	color: #868686;
}
table#invite td.inviteright
{
	padding-bottom: 10px;
}
/* End of Invitation */

span.scheduler_nosubscription
{
    position: relative;
    left: -2px;
    top: -4px;
    font-weight: bold;
    color: red;
}
table#subscriptions td.info
{
	background-color: White;
	color: Gray;
	font-size: 11px;
	padding-left: 15px;
}
table#subscriptions td span.hide
{
	display: none;
	color: Red;
}
.yes_button td
{
    width: 27px;
    text-align: center;
}
.no_button td
{
    width: 27px;
    text-align: center;
}

/* Password strength */
div#pwdstrengthcontent
{
	width: 500px; 
	text-align: left; 
	padding: 2px 0px 0px 16px;	
	*padding: 0px 0px 0px 16px;
}
div#pwdstrengthcontent ul
{
	*padding-left: 40px;	
}
/* End of Password strength */

h1.hostInstalled
{
    margin-top: 17px;
    margin-left: 15px;
}

iframe.mediaframe 
{
    width: 1px !important;
    height: 1px !important;
    position: absolute;
    top: -1000px;
    left: -1000px;
}
.accountemail
{
    font-size: 11px;
}

.error-page-left-content
{
    width: 130px;
}

.error-page-left-content a img
{
    border: none;
}

#ui-datepicker-div
{    
    display: none;
}

/*  
Tabsystem
// #region
*/
div.clear
{
    clear:both;
    padding:0;
    margin:0;
    position:relative;
    height:0px;
}

.cfx { zoom: 1; }
.cfx:after { content: ""; display: table; clear: both; }

#logout_container
{
    position:absolute; 
    right: 5px;
    top:-27px; 
    height:36px;
    text-align:right;
}
span.userwelcome,
span.trialreminder,
a.userlogout,
a.gohome,
a.buynow
{
	position:relative;
	color:#fff;
	text-decoration:none;
	font-size:11px;
}
span.userwelcome,
span.trialreminder
{
    display:inline-block;
    line-height:13px;
    margin-right:6px;
    padding-right:10px;
}
span.userwelcome.border,
span.trialreminder.border,
a.gohome
{
    border-right:1px solid #eee;
}
a.gohome
{
    padding-right:10px;
    margin-right:5px;
}
#tabsystem_top
{
    position:relative;
    height:0;
    line-height:25px; 
    padding-left:25px;   
}
#tabsystem_top div
{
    position:relative;
    font-weight:bold;
    font-size:11px;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    padding:0 6px 0 5px;;
    margin-right:8px;
    cursor:pointer;
    overflow:hidden;
    color:#fff;
}
#tabsystem_top div a,
#tabsystem_top div b
{
    display:block;
    height:25px;
    width:4px;
    overflow:hidden;
    position:absolute;
    top:0;
	background-repeat:no-repeat;
	background-color:transparent;
}
#tabsystem_top div a
{
    left:-4px;
    background-position: -40px -185px;
}

#tabsystem_top div b
{
    right:-4px;
    background-position: -44px -185px;
}

#tabsystem_top .selected
{
    background:#fff;  
    overflow:visible;
    color:#444;
}

#tabsystem_top #menuItem_firstlevelequote, #tabsystem_top #menuItem_firstleveloffercard
{
    opacity: 0;

    background-color: #AAD701;
    background: linear-gradient(top, #AAD701, #71BC01);
    background: -moz-linear-gradient(top, #AAD701, #71BC01);
    background: -webkit-gradient(linear, left top, left bottom, from(#AAD701), to(#71BC01));
    background: -o-linear-gradient(top, #AAD701, #71BC01);
    background: -ms-linear-gradient(top, #AAD701, #71BC01);
    color: #000000;

    -webkit-border-radius: 3px 3px 0 0 ;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

#tabsystem_top #menuItem_firstlevelequote.selected, #tabsystem_top #menuItem_firstleveloffercard.selected
{
    bottom: 0;
    background-color: #ffffff;
    background: #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#tabsystem_left
{
    width: 130px;
    float: left;
    padding: 0 0 20px 20px;
    margin-top: 11px;
    overflow: hidden;
}

#tabsystem_left div
{
    font-weight: bold;
    font-size: 11px;
    border-top: 1px solid #d6d6d6;
    line-height: 28px;    
    margin-top: -1px;
    width: 110px;
    cursor: pointer;
}

#tabsystem_left div.selected
{
    color: #444;   
    cursor:default;
}

#tabsystem_left.small
{
    width: 130px;
}

#tabsystem_left div.small
{
    width: 110px;
}

#tabsystem_left.big
{
    width: 140px;
}

#tabsystem_left div.big
{
    width: 120px;
}

#tabsystem_left div.loc {
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 0;
    line-height: normal;
}

#tabsystem_left div.loc:first-child {
    margin-top: 0;
    border-top: 0;
}

#second_content
{
    float:left;
    padding: 10px 0px 20px 0;
}

.MenuLevel2
{
    background:yellow;
    width:600px;
    float:right;
}

.layoutB #tabsystem_left.small.whatisit
{
    overflow:hidden;
    width:0;
    visibility:hidden;
}

/* 
// #endregion
Round Grey Container - Default
// #region
*/
#jm_maincontent
{
	position:relative;
	cursor: default;
}
.contentwindow
{
    display:inline-block;
    *zoom:1;
    *display:inline;
    position:relative;
    padding:0px;
    text-align:left;				
}
.contentwindow .bt_close
{
    position:absolute;
    display:block;
    top:2px;
    right:2px;
    width:17px;
    height:14px;
    cursor:pointer;
    background-repeat:no-repeat; 
    background-attachment:scroll; 
    background-position:-56px -182px; 
    background-color:transparent;
    border-left:1px solid #eee;
    z-index:10;
    display:none;
}
.contentwindow .bt_close:hover
{
    background-position: -81px -182px;
}
.contentwindow .roundbg b
{
    display:block;
    position:absolute;				
}

.layoutA .contentwindow .tl
{
    width:50%;
    height:15px;
    top:-15px;
    padding-right:14px;
    left:-14px;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent; 
}
.layoutA .contentwindow .tr
{
    width:50%;
    height:15px;
    top:-15px;
    padding-right:14px;
    right:-14px;
	background-position:top right;
	background-repeat:no-repeat;
	background-color:transparent;
}
.layoutA .contentwindow .tron .tr
{
	background-position:top right;
	background-repeat:no-repeat;
	background-color:transparent;
}
.layoutA .contentwindow .ml
{
    width:14px;
    height:100%;
    top:0;
    left:-14px;
    overflow:hidden;
}
.layoutA .contentwindow .ml img
{
    position:absolute;
    width:2021px;
    left:-10px;
    height:500%;
    top:-270%;
}
.layoutA .contentwindow .mr
{
    width:14px;
    height:100%;
    top:0;
    right:-14px;	
    overflow:hidden;
}
.layoutA .contentwindow .mr img
{
    position:absolute;
    width:2021px;
    left:-1996px;
    height:500%;
    top:-270%;
}
.layoutA .contentwindow .mm
{
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.50;
    filter:alpha(opacity=50);
}
.layoutA .contentwindow .bl
{
    width:50%;
    height:15px;
    bottom:-15px;
    padding-right:14px;
    left:-14px;
	background-position:bottom left;
	background-repeat:no-repeat;
	background-color:transparent;
}
.layoutA .contentwindow .br
{
    width:50%;
    height:15px;
    bottom:-15px;
    padding-right:14px;
    right:-14px;
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:transparent;
}

/* 
// #endregion
Round Grey Container - Tron main
// #region
*/
.layoutA .contentwindow .tron .bt_close
{
    top:33px;
    right:30px;
}
.layoutA .contentwindow .tron .tw{
    position:absolute;
    right:-25px;
    top:-60px;
    width:75%;
    padding-left:35px;
    height:60px;
    overflow:hidden;
}
.layoutA .contentwindow .tron .tl
{
    position:absolute;
    left:-24px;
    top:-60px;
    height:60px;
    width:25%;
	background-repeat:no-repeat; 
	background-position:0px 5px;
}
.layoutA .contentwindow .tron .tm
{
    position:absolute;
    display:block;
    top:0;
    left:-10000px;
    height:60px;
    width:10000px;
	background-position:-1150px 5px;
}
.layoutA .contentwindow .tron .tw .tr
{
    position:absolute;
    display:inline-block;
    right:0;
    top:0;
    height:60px;
    width:170px;
	background-repeat:no-repeat; 
	background-position:right 5px;
}
/* 
// #endregion
Round Grey Container - Tron menu
// #region
*/
.layoutA .contentwindow#menucontentwindow .tron .tw{
    position:absolute;
    right:-25px;
    top:-50px;
    width:75%;
    padding-left:35px;
    height:50px;
    overflow:hidden;
}
.layoutA .contentwindow#menucontentwindow .tron .tl
{
    position:absolute;
    left:-24px;
    top:-50px;
    height:50px;
    width:25%;
	background-repeat:no-repeat; 
	background-position:0px 0px;
}
.layoutA .contentwindow#menucontentwindow .tron .tm
{
    position:absolute;
    display:block;
    top:0;
    left:-10000px;
    height:60px;
    width:10000px;
	background-position:-1150px 0;
}
.layoutA .contentwindow#menucontentwindow .tron .tw .tr
{
    position:absolute;
    display:inline-block;
    right:0;
    top:0;
    height:60px;
    width:134px;
	background-repeat:no-repeat; 
	background-position:top right;
}
.layoutA .contentwindow#menucontentwindow .tron .mm
{
    opacity:.4;
    filter:alpha(opacity=40);
}
.layoutA .contentwindow#menucontentwindow .tron .bl
{
    background-position:-10px -69px;
    background-repeat:no-repeat;
}
.layoutA .contentwindow#menucontentwindow .tron .br
{
    background-position:-1758px -69px;
    background-repeat:no-repeat;
}
.layoutA .contentwindow#menucontentwindow .tron .ml img
{
    position:absolute;
    width:2021px;
    left:-10px;
    height:400%;
    top:-150%;
}
.layoutA .contentwindow#menucontentwindow .tron .mr img
{
    position:absolute;
    width:2021px;
    left:-1996px;
    height:400%;
    top:-150%;
}
/* 
// #endregion
Round Tables
// #region
Grey Table        
// #region
*/
table.grey .grey_middle .grey_middle
{
    background: transparent url('/Common/Images/gray_background.png') repeat;    
}
table.grey .grey_top, table.grey .grey_middle, table.grey .grey_bottom
{
    height:0px;     
}
table.grey .grey_middle .grey_left, table.grey .grey_middle .grey_right
{   
    background-color:transparent;
	background-repeat:repeat-y;    
}
table.grey .grey_top .grey_middle, table.grey .grey_bottom .grey_middle
{
    background-color:transparent;
	background-repeat:repeat-x;     
    padding-bottom: 14px;
    *height: 14px;
}
table.grey .grey_top .grey_left, table.grey .grey_top .grey_right, table.grey .grey_bottom .grey_left, table.grey .grey_bottom .grey_right
{
	background-color:transparent;
	background-repeat:no-repeat;
    padding-bottom: 14px;
    *padding-bottom: 0px;
    padding-right: 14px;
    *height: 14px;    
}
table.grey .grey_top .grey_left
{
    background-position: -32px 0px;
}
table.grey .grey_top .grey_right
{
    background-position: -48px 0px;
}
table.grey .grey_bottom .grey_left
{
    background-position: 0px 0px;
}
table.grey .grey_bottom .grey_right
{
    background-position: -16px 0px;
}
table.grey .grey_middle .grey_right
{
    background-position: -16px 0px;
}
table.grey .grey_middle .grey_left
{
    background-position: -0px 0px;
}
table.grey .grey_top .grey_middle
{
    background-position: 0px -16px; 
}
table.grey .grey_bottom .grey_middle
{
    background-position: 0px 0px;
}
table.shine_top
{
	height: 14px;
}
table.shine_bottom
{
	height: 14px;
}
table.shine_menu_top
{
	height: 14px;
}
table.shine_menu_bottom
{
	height: 14px; 
}
table.shine_top .shine_top_left
{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:-129px -627px;
	width: 259px;
}
table.shine_top .shine_top_middle
{
	background-color:transparent;
	background-repeat:repeat-x;
	background:0px -180px;
}
table.shine_top .shine_top_right
{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:-129px -644px;
	width: 259px;
}
table.shine_bottom .shine_bottom_left
{
	background-color:transparent;
	background-repeat:no-repeat ;
	-129px -664px;
	width: 259px;
}
table.shine_bottom .shine_bottom_middle
{
	background-color:transparent;
	background-repeat:repeat-x;
	background-position:0px -196px;
}
table.shine_bottom .shine_bottom_right
{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:-129px -682px;
	width: 259px;
}
/*  
// #endregion
Logged In White Table    
// #region
*/
table.white
{
    width: 100%;
}
table.white .login_top .login_left
{
    height: 40px;
    padding-right: 5px;
    background: transparent url('/Common/Images/Temp/tab_bg_left.png') no-repeat 3px 0px;
}
table.white .login_top .login_middle
{
    background: transparent url('/Common/Images/Temp/tab_bg_middle.png') repeat-x ;
}
table.white .login_top .login_right
{
    background: transparent url('/Common/Images/Temp/tab_bg_right.png') no-repeat ;
    padding-right: 5px;
}
/*  
// #endregion
White Table    
// #region
*/
table.white .white_top, table.white .white_middle, table.white .white_bottom
{
    height:0px;     
}
table.white .white_top .white_left,
table.white .white_top .white_right,
table.white .white_bottom .white_left,
table.white .white_bottom .white_right
{   
    background-color:transparent;
	background-repeat:no-repeat;
    padding-bottom: 6px;
    width: 6px;    
    *height: 6px;    
}
table.white .white_middle .white_left, table.white .white_middle .white_right
{
   background:#fff;    
    width:5px;
    *width: 6px; 
}
table.white .white_top .white_middle, table.white .white_bottom .white_middle
{       
    background:#fff;    
    height:5px;
    *height: 6px;
}
table.white .white_top .white_left
{
    background-position: -315px -80px;
}
table.white .white_top .white_right
{
    background-position: -321px -80px;
}
table.white .white_bottom .white_left
{
    background-position: -315px -86px;
}
table.white .white_bottom .white_right
{
    background-position: -321px -86px;
}
table.white .white_middle .white_right
{
    background-position: -40px 0px;
}
table.white .white_middle .white_left
{
    background-position: -30px 0px;
}
table.white .white_top .white_middle
{
    background-position: 0px -40px; 
}
table.white .white_bottom .white_middle
{
    background-position: 0px -32px;
}
table.white .white_middle .white_middle
{
    background-image: none;
    background-color: White;   
}
table.white .white_middle .white_middle.left
{
	padding-top: 15px;
	width: 300px;	
}
/*
// #endregion
White table bubble
// #region
*/
table.white_bubble_bubble .white_bubble_bubble_top, table.white_bubble_bubble .white_bubble_bubble_middle, table.white_bubble_bubble .white_bubble_bubble_bottom
{
    height:0px;     
}
table.white_bubble .white_bubble_top .white_bubble_left,
table.white_bubble .white_bubble_top .white_bubble_right,
table.white_bubble .white_bubble_bottom .white_bubble_left,
table.white_bubble .white_bubble_bottom .white_bubble_right
{   
    background-color:transparent;
	background-repeat:no-repeat;
    padding-bottom: 14px;
    padding-right: 14px;    
    *height: 14px;    
}
table.white_bubble .white_bubble_middle .white_bubble_left, table.white_bubble .white_bubble_middle .white_bubble_right
{
    background-color:transparent;
	background-repeat:repeat-y;    
    *width: 14px; 
}
table.white_bubble .white_bubble_top .white_bubble_middle, table.white_bubble .white_bubble_bottom .white_bubble_middle
{       
    background-color:transparent;
	background-repeat:repeat-x;     
    padding-bottom: 14px;
    *height: 14px;
}
table.white_bubble .white_bubble_top .white_bubble_left
{
    background-position: -305px -28px;    
}
table.white_bubble .white_bubble_top .white_bubble_right
{
    background-position: -321px -28px;
}
table.white_bubble .white_bubble_bottom .white_bubble_left
{
    background-position: -273px -28px;
}
table.white_bubble .white_bubble_bottom .white_bubble_right
{
    background-position: -289px -28px;
}
table.white_bubble .white_bubble_middle .white_bubble_right
{
    background-position: -101px 0px;
}
table.white_bubble .white_bubble_middle .white_bubble_left
{
    background-position: -85px 0px;
}
table.white_bubble .white_bubble_top .white_bubble_middle
{
    background-position: 0px -0px; 
}
table.white_bubble .white_bubble_bottom .white_bubble_middle
{
    background-position: 0px -16px;
}
table.white_bubble .white_bubble_middle .white_bubble_middle
{
    background-image: none;
    background-color: white;   
}
table.white_bubble .white_bubble_middle .white_bubble_middle.left
{
	padding-top: 15px;
	width: 300px;	
}
/*
// #endregion
Red Table
// #region
*/
table.red .red_top .red_left,
table.red .red_top .red_right,
table.red .red_bottom .red_left,
table.red .red_bottom .red_right
{   
    background-color:transparent;
	background-repeat:no-repeat;
    padding-bottom: 14px;
    padding-right: 14px;    
    *height: 14px;    
}
table.red .red_middle .red_left, table.red .red_middle .red_right
{
    background-color:transparent;
	background-repeat:repeat-y;   
    *width: 14px; 
}
table.red .red_top .red_middle, table.red .red_bottom .red_middle
{       
    background-color:transparent;
	background-repeat:repeat-x;
    padding-bottom: 14px;
    *height: 14px;
}
table.red .red_top .red_left
{
    background-position: -210px -20px;
}
table.red .red_top .red_right
{
    background-position: -230px -20px;
}
table.red .red_bottom .red_left
{
    background-position: -210px -0px;
}
table.red .red_bottom .red_right
{
    background-position: -230px -0px;
}
table.red .red_middle .red_right
{
    background-position: -70px 1px;
}
table.red .red_middle .red_left
{
    background-position: -50px 1px;
}
table.red .red_top .red_middle
{
    background-position: 0px -90px; 
}
table.red .red_bottom .red_middle
{
    background-position: 0px -70px;
}
table.red .red_middle .red_middle
{
    background-image: none;
    background-color: #d64242;
    color: #ffffff;
    font-size: 12px;
    line-height: 14px;
}
/*
// #endregion
Grey_White Table
// #region
*/
table.grey_white .grey_white_top .grey_white_left,
table.grey_white .grey_white_top .grey_white_right,
table.grey_white .grey_white_bottom .grey_white_left,
table.grey_white .grey_white_bottom .grey_white_right
{       
    background-color:transparent;
	background-repeat:no-repeat;
    padding-bottom: 5px;
    padding-right: 5px;    
    *height: 5px;    
}
table.grey_white .grey_white_middle .grey_white_left, table.grey_white .grey_white_middle .grey_white_right
{
    background: none;    
    background-color: #f5f5f5;    
    *width: 5px; 
}
table.grey_white .grey_white_top .grey_white_middle, table.grey_white .grey_white_bottom .grey_white_middle
{       
    background: none;
    background-color: #f5f5f5;    
    padding-bottom: 5px;
    *height: 5px;
}
table.grey_white .grey_white_top .grey_white_left
{
    background-position: -46px -37px;

}
table.grey_white .grey_white_top .grey_white_right
{
    background-position: -46px -30px;
}
table.grey_white .grey_white_bottom .grey_white_left
{
    background-position: -54px -38px;
}
table.grey_white .grey_white_bottom .grey_white_right
{
    background-position: -54px -31px;
}
table.grey_white .grey_white_middle .grey_white_right
{
	background-repeat:repeat-y;
    background-position: -125px 0;
    width: 5px;
}
table.grey_white .grey_white_middle .grey_white_left
{
	background-repeat:repeat-y;
    background-position: -118px 0;
    width: 5px;
}
table.grey_white .grey_white_top .grey_white_middle
{
	background-repeat:repeat-x;
    background-position: 0 -247px;
    height: 1px;
}
table.grey_white .grey_white_bottom .grey_white_middle
{
	background-repeat:repeat-x;
    background-position: 0 -265px;
    height: 1px;
}
table.grey_white .grey_white_middle .grey_white_middle
{
    background-image: none;
    background-color: #f5f5f5;    
}
/*
// #endregion
// #endregion
TextBox    
// #region
*/
textarea.textbox
{
    width: 400px;
    height: 50px;
    overflow: auto;
}
.textbox
{
    border: 1px solid #b2b2b2;
    margin: 1px;
    height: 18px;    
    position: relative;
    top: -1px;
    padding: 2px 3px 2px 3px;
    font-family: tahoma, arial, verdana;
    font-size: 12px;
    outline: none;
    -position: relative;
}

.br_ie.vr_8 .textbox,
.br_ie.vr_9 .textbox
{
       position: none;
       padding: 4px 4px 0px 4px;
}

.textbox.error
{
    border: 2px solid #D64242;
    margin: 0px;
}
.textbox.focus
{
    border: 2px solid #8DC901;
    margin: 0px;    
}
.textbox.readonly
{
    cursor: default;
}
.textbox.watermark
{
    color: #9A9A9A;
}
/*
// #endregion
ComboTextBox    
// #region
*/
.textbox.combotextbox
{
    z-index: 3;
}
.textbox.combotextbox.focus
{
}
.textbox.combotextbox.readonly
{
    cursor: pointer;
}
div.combotextbox_parentcontainer
{
    text-align: left;
    position: relative;
    left: 50%;
}
div.combotextbox_panel_container
{
    width: 0px;
    height: 0px;
    z-index: 30000;
}
div.combotextbox_arrow
{
    width: 22px;
    height: 22px;
    background-color: #FFFFFF;
    border: 1px solid #b2b2b2;
    border-left: none;
	background-repeat: no-repeat;
	background-position: -365px -11px;
}
div.combotextbox_arrow.orange
{
    background-position: -365px 10px;
}
div.combotextbox_arrow.error
{
    border: 2px solid #D64242;
    border-left: none;
}
div.combotextbox_arrow.focus
{
    border: 2px solid #8DC901;
    border-left: none;
}
div.combotextbox_arrow_p
{
    cursor: pointer;
    top: -26px;
    z-index: 4;
}
div.combotextbox_arrow_p.error
{
    top: -27px;
}
div.combotextbox_arrow_p.focus
{
    top: -27px;
}
div.combotextbox_panel
{
    width: 100px;
    height: 100px;
    background-color: #FFFFFF;
    border: 2px solid #8DC901;
}
div.combotextbox_panel_p
{
    left: 0px;
    top: -3px;
    z-index: 20000;
}
div.combotextbox_readonly
{
    cursor: pointer;
    background-image: url("/Common/Images/blank.gif");
    z-index: 12000;
    height: 24px;
}
div.combotextbox_readonly_p
{
    left: 1px;
    top: -26px;
}
div.combotextbox_table_p
{
	overflow-y: scroll;
	overflow-x: hidden;
}
table.combotextbox_table
{
    font-family: tahoma, arial, verdana;
    font-size: 12px;
}
.combotextbox_td
{
	padding-left: 4px;
	padding-right: 4px;
    height: 20px;
	cursor: pointer;
	text-align: left;
	font-size: 12px;
	*height: 18px;
	_height: 20px;
}
.combotextbox_td_delete
{
    width: 19px;
}
div.comboicon_delete
{
    display: none;
}
.combotextbox_tr:hover div.comboicon_delete
{
    display: block;
}
.combotextbox_tr 
{
	background-color: #FFFFFF;
}
.combotextbox_tr.hover
{
	background-color: #D9EAB3;
}
/*.combotextbox_tr:hover*/
{
	background-color: #D9EAB3;
}
.combotextbox_tr.selected
{
	background-color: #F3F7E6;
	font-weight: bold;
}
/*
.combotextbox_tr.selected.hover,
.combotextbox_tr.selected:hover*/
.combotextbox_tr.selected.hover
{
	background-color: #D9EAB3;
}
/*
// #endregion
IconButton    
// #region
*/
div.iconbutton
{
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-repeat: no-repeat;
}
div.iconbutton.delete
{
	background-position: -16px 0px;
}
div.iconbutton.delete.disabled
{
    cursor: default;
}
div.iconbutton.email
{
    background-position: -113px 0px;
    position: relative;
    left: 0px;
    *left: -1px;
}
div.iconbutton.email.disabled
{
    cursor: default;
}
div.iconbutton.check
{
    background-position: -63px -22px;
}
div.iconbutton.check.disabled
{
    cursor: default;
}
div.iconbutton.globe
{
	background-position: -38px 0px;
}
div.iconbutton.globe.disabled
{
    cursor: default;
}
div.iconbutton.head
{
    background-position: -86px 0px;
}
div.iconbutton.head.disabled
{
    background-position: -61px 0px;
    cursor: default;
}
div.iconbutton.copy
{
    background-position: -141px 0px;
}
div.iconbutton.copy.disabled
{
    cursor: default;
}
div.iconbutton.clipboard
{
    background-position: -164px -1px;
}
div.iconbutton.clipboard.disabled
{
    cursor: default;
}
div.iconbutton.loadinganim
{
  	background-image: url("/Common/Images/Animation/IconLoading.gif");
}
div.iconbutton.loadinganim.disabled
{
    cursor: default;
}
div.iconbutton.loadinganimbig
{
  	background-image: url("/Common/Images/Animation/IconLoading-big.gif");
    width: 32px;
    height: 32px;
}
div.iconbutton.loadinganimbig.disabled
{
    cursor: default;
}
div.iconbutton.finished
{
    width: 11px;
    height: 10px;
    background-position: -265px -229px;
}
/*
// #endregion
Button
// #region
*/
table.button
{    
    cursor: pointer;
    display: inline-table;
    *display: inline;
    *margin-top:2px;
	vertical-align:top;
}
table.button>tbody>tr
{    
    height: 33px;
    *height: 31px;
}
table.button.disabled
{
    cursor: default;
}
table.button span
{
    color: #FFFFFF;
    font-family: tahoma, arial, verdana;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 3px 10px 3px 10px;
    position: relative;
    left: 0px;
    top: -1px;    
}
table.button span:focus
{
    outline: #FFFFFF dotted 1px;
}
table.button.lightorange span
{
    color:#f99500;
}
table.button label.sa_ch_op
{
    position: static;
}
table.button.disabled span
{
    color: #fff;
    cursor: default;
}
table.button .buttonleft
{
    background-color:transparent;
    width: 5px;
    padding: 0px 0px 0px 0px;
}
table.button .buttonmiddle
{
    background-color:transparent;
	background-repeat:repeat-x;
}
table.button .buttonright
{
    background-color:transparent;
    width: 4px;
}


/* background orange */ 
table.button.orange .buttonleft
{
    background-position: 0px -185px;
}
table.button.orange .buttonmiddle
{
    background-position: 0px -107px;
}
table.button.orange .buttonright
{
    background-position: -4px -185px;
}
/* background lightorange */ 
table.button.lightorange .buttonleft
{
    background-position: -20px -185px;
}
table.button.lightorange .buttonmiddle
{
    background-position: 0px -276px;
}
table.button.lightorange .buttonright
{
    background-position: -24px -185px;
}
/* background green */ 
table.button.green .buttonleft
{
    background-position: -30px -185px;
}
table.button.green .buttonmiddle
{
    background-position: 0px -316px;
}
table.button.green .buttonright
{
    background-position: -34px -185px;
}
/* background disabled */
table.button.disabled .buttonleft
{
    background-position: -10px -185px;
}
table.button.disabled .buttonmiddle
{
    background-position: 0px -143px;
}
table.button.disabled .buttonright
{
    background-position: -14px -185px;
}

/*
// #endregion
Button small
// #region
*/
table.button.small
{ 
	position:relative;
    cursor: pointer;
    display: inline-table;
	vertical-align:top;    
}

table.button.small>tbody>tr
{    
	position:relative;
    height: 24px;
}
table.button.small.disabled
{
    cursor: default;
}
table.button.small span
{
    color: #FFFFFF;
    font-family: tahoma, arial, verdana;
    font-weight: bold;
	font-size: 11px;
    cursor: pointer;
    padding: 3px 3px 3px 3px;
    position: relative;
    left: 0px;
    top: -1px;
    *top: -2px;
}
table.button.small span:focus
{
    outline: #FFFFFF dotted 1px;
}
table.button.small label.sa_ch_op
{
    position: static;
}
table.button.small.disabled span
{
    color: #ededed;
    cursor: default;
}
table.button.small .buttonleft
{
    background-color:transparent;
    background-position: -355px 0px;
    width: 3px;
    padding: 0px 0px 0px 0px;
}
table.button.small .buttonmiddle
{
    background-color:transparent;
	background-repeat:repeat-x;
    background-position: 0px -220px;
}
table.button.small .buttonright
{
    background-color:transparent;
    background-position: -350px 0px;
    width: 3px;
}
table.button.small.disabled .buttonleft
{
    background-position: -351px -60px;
}
table.button.small.disabled .buttonmiddle
{
    background-position: 0px -355px;
}
table.button.small.disabled .buttonright
{
    background-position: -356px -60px;
}
table.button.hidden
{
    display:none;
}

table.button.small.lightorange .buttonleft
{
    background-position: -4px -456px;
}
table.button.small.lightorange .buttonmiddle
{
    background-position: 0px -408px;
}
table.button.small.lightorange .buttonright
{
    background-position: -12px -456px;
}
table.button.small.lightorange.disabled .buttonleft
{
    background-position: -351px -60px;
}
table.button.small.lightorange.disabled .buttonmiddle
{
    background-position: 0px -355px;
}
table.button.small.lightorange.disabled .buttonright
{
    background-position: -356px -60px;
}
table.button.small.lightorange span
{
    color: #f99500;
}
table.button.small.lightorange.disabled span
{
    color: #ededed;
}

/*
// #endregion
Checkbox
// #region
*/
span.checkbox:focus
{   
    outline: #444444 dotted 1px;    
}
span.checkbox
{
	display:inline-block;
	*display:inline;
	*zoom:1;
    font-family: tahoma, arial, verdana;
    font-size: 12px;
}
span.checkbox span
{
	position:relative;
	display:inline;
	margin-top:-14px;
    color: #444444;
    font-weight: normal;
    *top: 2px;
}
span.checkbox .sprite
{
	display:inline-block;
    *display: inline;
    *zoom: 1;
	overflow:hidden;
	width:14px;
	height:14px;
	background-repeat:no-repeat;
    position:relative;
    top: 2px;
	background-position:-266px -79px;
    margin-right: 4px;
}
span.checkbox.checked .sprite
{
	background-position:-290px -79px;
}

span.checkbox.disabled .sprite
{
	background-position:-242px -79px;
}
span.checkbox.disabled.checked .sprite
{
	background-position:-289px -103px;
}
span.checkbox.disabled span
{
	opacity:.4;
	filter:alpha(opacity=20);
	*color:#bbb;
}
span.mylicencescheckbox
{
	position: relative;
	left: 5px;
    *left: 4px;
	top: 1px;	
    top: 5px \9;
    *top: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
span.mylicencescheckbox
{
    top: 6px;
}
} 
/*
// #endregion
RadioButton
// #region
*/
span.radio:focus
{
    outline: #444444 dotted 1px;    
}
span.radio
{
	display:inline-block;
	*display:inline;
	*zoom:1;
    font-family: tahoma, arial, verdana;
    font-size: 12px;
	padding-left:4px;            
}
span.radio span
{
	position:relative;
	display:inline;
	margin-top:-14px;
    color: #444444;
    font-weight: normal;
    *top: 2px;
}
span.radio .sprite
{
	display:inline-block;
    *display: inline;
    *zoom: 1;
	overflow:hidden;
	width:14px;
	height:14px;
	background-repeat:no-repeat;
	position:relative;
	left: -5px;
    top: 3px;
	background-position:-197px -79px;
}

.br_ff span.radio .sprite,
.br_sa span.radio .sprite,
.br_ch span.radio .sprite
{
	left: -1px;
}

span.radio.selected .sprite
{
	background-position:-219px -79px;
}

span.radio.disabled .sprite,
span.radio.disabled.selected .sprite,
span.radio.disabled span,
span.radio.disabled.selected span
{
	opacity:.4;
	filter:alpha(opacity=20);
	*color:#bbb;
}
/*
// #endregion
Scrollbar
// #region
*/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
    overflow: hidden;
    position: relative;
}
.jspScrollable:focus, .jspContainer:focus {
    outline: none;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
}


.jspHorizontalBar { display: none !important; }

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: #e5e5e5;
    position: relative;
    width: 8px;
}

.jspDrag
{
    background: #bbd;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 8px;

    overflow: hidden;
    background-color: #5c5c5c;
}

.jspDragTop
{

    width: 8px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: -30px -16px;
    height: 3px;
}
.jspDragBottom
{
    width: 8px;
    position: absolute;
    bottom: 0;
    _bottom: -1px;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: -30px -27px;
    height: 3px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}
a.jspArrowUp {
    -webkit-appearance: none;
    display: block;
    /*position: absolute;*/
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    background-color: #FF9500;
    height: 9px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: -228px -49px;
}
a.jspArrowDown {
    -webkit-appearance: none;
    display: block;
    /*position: absolute;*/
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    background-color: #FF9500;
    height: 9px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: -217px -54px;
}


.jspVerticalBar
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/*
// #endregion
Bubbles
// #region
*/
div.bubble
{
    z-index:10;
    display: none;
    position: absolute;
    min-width: 300px;
}
div.bubbleback
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
	opacity: 0.60;
	filter: alpha(opacity=60);
	z-index: 100000;
}
div.modalDialog
{
    position: fixed;
	z-index: 100001;
}
div.modalclosebutton
{
    background-color:transparent; 
	background-repeat:no-repeat;
	background-position:-358px -38px;
    height: 8px;
    width: 8px;
    cursor: pointer;
    float: right;
    position: relative;
    top: -9px;
    right: 0px;
}
div.modalclosebutton_p
{
    left: -8px;
    top: 15px;
}
div.bubble_container
{
    z-index: 10000;
}
div.bubble.red table.red .red_middle .red_middle,
div.bubble.white_bubble table.white_bubble .white_bubble_middle .white_bubble_middle
{
    padding: 3px;
}
div.bubble.red div.joci_rel.bottom,
div.bubble.white_bubble div.joci_rel.bottom
{
    top: -14px;
    left: 40px;
}
div.bubble.red div.joci_rel.bottom div,
div.bubble.white_bubble div.joci_rel.bottom div
{
    background-color:transparent;
	background-repeat:no-repeat;
	background-position:-250px -0px;
    height: 20px;
    width: 21px;
}
div.bubble.red div.joci_rel.left,
div.bubble.white_bubble div.joci_rel.left
{
    top: 14px;
    left: -7px;
}
div.bubble.red div.joci_rel.left div,
div.bubble.white_bubble div.joci_rel.left div
{
    background-color:transparent;
	background-repeat:no-repeat;
	background-position:-250px -22px;
    height: 20px;
    width: 21px;
}
div.bubble.red div.joci_rel.right,
div.bubble.white_bubble div.joci_rel.right
{
    top: 14px;    
}
div.bubble.red div.joci_rel.right div,
div.bubble.white_bubble div.joci_rel.right div
{
    background-color:transparent;
	background-repeat:no-repeat;
	background-position:-251px -44px;
    height: 20px;
    width: 21px;
}
div.bubble.red div.joci_rel.top,
div.bubble.white_bubble div.joci_rel.top
{
    top: -5px;
    left: 40px;
}
div.bubble.red div.joci_rel.top div,
div.bubble.white_bubble div.joci_rel.top div
{
    background-color:transparent;
	background-repeat:no-repeat;
	background-position:-273px -45px;
    height: 20px;
    width: 21px;
}
div.bubble.white_bubble div.joci_rel.bottom div
{
    background-color:transparent;
	background-repeat:no-repeat;
	background-position:-319px -44px;    
}
div.bubble.white_bubble div.joci_rel.left div
{
    background-color:transparent;
	background-repeat:no-repeat;
	background-position:1px -32px;    
}
div.bubble.white_bubble div.joci_rel.right div
{
    background-color:transparent;
	background-repeat:no-repeat;
	background-position:-24px -32px;    
}
div.bubble.white_bubble div.joci_rel.top div
{
    background-color:transparent;
	background-repeat:no-repeat;
	background-position:-296px -45px;    
}

div.bubble td.red_middle
{
    cursor: default;
}

/*
// #endregion
Tooltip
// #region
*/

#tooltip
{
    min-width:140px;
    text-align:left;
    position:absolute;
    top:0;
    left:0;
}

#tooltip table
{
    position:relative;
}

#tooltip td
{
    padding:0;
}

#tooltip .white_bubble_top .white_bubble_left 
{
    background-position: -346px -100px;
    height:9px;    
}

#tooltip .white_bubble_top .white_bubble_middle
{
    background-position: 0 -379px;
    height:9px;
}

#tooltip .white_bubble_top .white_bubble_right 
{
    background-position: -356px -100px;
    height:9px;         
}

#tooltip .white_bubble_middle .white_bubble_left
{
    background-position: -144px 0;
    width:9px;
}

#tooltip .white_bubble_middle .white_bubble_middle
{
    background:#eee;
}

#tooltip .white_bubble_middle .white_bubble_right
{
    background-position: -158px 0;
    width:9px;
}

#tooltip .white_bubble_bottom .white_bubble_left 
{
    background-position: -346px -110px;
    height:9px;
}

#tooltip .white_bubble_bottom .white_bubble_middle
{
    background-position: 0 -393px;
    height:9px;
}

#tooltip .white_bubble_bottom .white_bubble_right
{
    background-position: -356px -110px;
    height:9px;
}

#tooltip.bubble.white_bubble div.joci_rel.bottom div
{
    height: 22px;
    width: 26px;
    background-position:-314px -96px;
}

#tooltipcontent
{
    font-size: 11px;
    color: #444;
    text-align:left;
    padding:4px 8px 4px 8px;
    line-height: 15px;
}

.olh
{
    position:relative;
    padding-right:30px;
}

.olh .qm
{
    position:absolute;
    background-position:-373px -102px;
    display:inline-block;
    width:16px;
    height:16px;
    right:0px;
    top:-1px;
}

/*
// #endregion
PasswordStrength
// #region
*/
div.pwdstrength 
{
	margin-left: 1px;
	margin-top: 4px;
	padding-bottom: 14px;
}
.br_ie div.pwdstrength 
{
	padding-top: 4px;
}
div.pwdstrength span.text 
{
	color: #5E5E5E;
	height: auto;
	overflow: visible;
	position: relative;
	left: 0px;
	font-weight: bold;
	font-size: 10px;
	line-height:10px;
}
div.pwdstrength div 
{
	height:4px;
	overflow:hidden;
}
div.pwdstrength div.middle 
{
	background-color:#CCCCCC;
	float:left;
}
div.pwdstrength div.middle div 
{
	background-color:#87BF35;
	width:0;
}
div.pwdstrength a
{
	font-size: 10px;
	position: relative;
	left: 0px;
	line-height:10px;
}
/*
// #endregion
*/

.promoBubbles
{
    border-width:15px 15px 15px 15px;
    border-style:solid;
    -webkit-border-image:url(/Common/Images/Homepage/promotion_bubble_orange.png) 15 15 15 15;
    -moz-border-image:url(/Common/Images/Homepage/promotion_bubble_orange.png) 15 15 15 15;
    -o-border-image:url(/Common/Images/Homepage/promotion_bubble_orange.png) 15 15 15 15;
	border-image:url(/Common/Images/Homepage/promotion_bubble_orange.png) 15 15 15 15 fill;	
} 


/**
ProFeatures.ascx
*/
.ProFeatures ul
{
    color: #86C601;
    margin-top:0;
    margin-bottom:0;
}

.ProFeatures ul li span
{
    color: #444444;
}

.newfeature
{
    position:relative;
    top:4px;
    left:4px;
    background-position:-78px -424px;
    display:inline-block;
    vertical-align:top;
    width:30px;
    height:15px;
    background-repeat:no-repeat;
}

#newFeaturesBubble
{
    position:absolute;
    width:90px;
    height:60px;
    top:-48px;
    left:159px;
    background-position:-112px -380px;
}

.cols2
{
    width:400px;
}

.cols2 ul
{
    float:left;
    width:180px;
    position:relative;
}


/**
PriceBox.ascx
*/
.PriceBox
{
    position: absolute;
    width: 380px;
    height: 77px;
    margin-top: 22px;
}

.PriceBox #peryear
{
    position: absolute;
    left: 0px;
    top: 48px;
    color: #ff9200;
    font-size: 14px;
}

.PriceBox #peryear span
{
    font-weight: bold;
}

.PriceBox #peryear .advertisement
{
    position: absolute;
    left: 86px;
    top: 1px;
    color: #444444;
    font-size: 9px;
    width: 190px;
}

.PriceBox #permonth
{
    position: absolute;
    left: -1px;
    top: 17px;
    color: #ff9200;
    font-size: 18px;
    line-height: 26px;
}

.PriceBox #permonth #permonth_rounded
{
    font-weight: bold;
    font-size: 26px;
    line-height: 26px;
}

.PriceBox #permonth #permonth_decimated
{
    font-weight: bold;
    font-size: 14px;
    line-height: 26px;
    position: relative;
    left: 0px;
    top: -11px;
    padding-left: 1px;
    display: none;
}

.PriceBox #fade
{
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #FFFFFF;
    width: 380px;
    height: 75px;
    z-index: 1000;
}

.PriceBox #buybutton
{
    position: absolute;
    left: 295px;
    top: 31px;
}

.br_ff .PriceBox #buybutton,
.os_mac .PriceBox #buybutton
{
    left: 279px;
}

.PriceBox .currencypricebox
{
    position: absolute;
    left: 116px;
    top: 26px;
}

.PriceBox .nobuybutton
{
    left: 130px;
}

#createAccountDiv #createAccount
{
    margin-top:60px;
}

#maintenancePopupMessage
{
     text-align:left;
     padding:4px 20px 12px 12px;
     line-height:18px;
}

#maintenancePopupMessage h1
{
    white-space:nowrap;
    left:-1px;
    position:relative;
    margin-bottom:20px;
    
}
#maintenancePopupMessage .start{
    vertical-align: top;
    width: 80px;
}

#maintenancePopupMessage .duartion {
    padding: 10px 0;
}

#maintenancePopupMessage .start-content,
#maintenancePopupMessage .duartion-content
{
    font-weight: bold;
}

#maintenancePopupMessage .start-content .light
{
    font-weight: normal;
}



 
#MaintenanceMessageAlert.home,
#MaintenanceMessageAlert.start
{
    margin: 10px 0 0 16px;
    position: relative;
    width:25px;
    height:25px;
    background-position:-48px -420px;
    cursor:pointer;
}

#MaintenanceMessageAlert.home .txt,
#MaintenanceMessageAlert.start .txt
{
    font-weight: bold;
    white-space: nowrap;
   color: #F01E1E;
    position: absolute;
    top: 5px;
    left: 30px;
}

.voipBubble
{
    position:absolute;
    width:100px;
    height:70px;
    background:url(/Common/Images/Sprite/sprite_beta.png) no-repeat 0 0;
}

.voipBubble a
{
    display:block;
    position:absolute;
    top:30px;
    left:67px;
    width:15px;
    height:15px;
}

.voipBubble#voipbblStart
{
    top:-53px;
    left:237px;
}

.voipBubble#voipbblMain
{
    top:141px;
    left:281px;
}

.validatorActive .voipBubble#voipbblMain,
.validatorActive .voipBubble#voipbblStart
{
    display:none;
}

#jm_betaLogo
{
    position:absolute;
    top:-3px;
    left:142px;
    width:55px;
    height:24px;
    background:url(/Common/Images/Sprite/sprite_beta.png) no-repeat -100px 0;
    z-index:10;
}

.Login2_aspx_content { width: 670px; padding: 20px 0 20px 20px; }
.Login2_aspx_content #loginleft .actions { margin-top: 40px; }
.Login2_aspx_content #loginleft .actions > * { vertical-align: middle; }
.Login2_aspx_content #loginleft .actions .free-trial-text { margin-left: 10px\9; }
.Login2_aspx_content #loginright h4 { margin: 0 0 1px; }

    .privacy,
    #openSource
    {
        padding-bottom:10px;
    }
    
    .privacy h1,
    #openSource h1
    {
        margin:18px 0 15px 16px;
    }
    
    .privacy p,
    #openSource p
    {
        margin:0 0 1em 0;
    }
    
* 
{
    -webkit-font-smoothing: antialiased;
}

.navbar_container
{
    position: absolute;
    width: 100%;
    background-color: #FF8E00;
    height: 55px;
    min-width: 970px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.navbar_inner_container {
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 4px;
}

#navigationBar
{
    float: left;
    font-size: 14px;
    font-family:Tahoma, Arial, Sans-Serif;
    z-index:10000;
    letter-spacing: 1px;
}

#navigationBar .navbarEndpart
{
    position:absolute;
    height:61px;
    width: 10px;
    top:0;
    right: -10px;
}

#navigationBar div.vr {
    height:50px;
    width:0px;
    float:left;
}

#navigationBar div#navbarLogo
{
    position: absolute;
    width:122px;
    height:50px;
    left: -5px;
    top: -2px; 
    background: transparent right no-repeat url('/Common/Images/Logos/JM_wordmark.png');
}

#navigationBar div#navbarLogo .byLink 
{
    background:url('/Common/Images/Logos/mktg-sprite.png') no-repeat -29px -171px;
    position:absolute;
    width: 62px;
    height: 24px;
    left: 135px;
    cursor: pointer;
    top: 15px;
}

#navigationBar div#navbarLogo .jmLink
{
    position:absolute;
    width:122px;
    height:40px;
    cursor: pointer;
    top: 8px;
    left: 0px;
}

#navigationBar div#navbarLogo a:active
{
    background-color:inherit;
}

#navigationBar .menuItem span
{
    white-space:nowrap;
    cursor:pointer;
    padding: 10px 18px 5px 9px;
}

#navigationBar div span:hover
{
    /*color:#000;*/
}

#navigationBar div span.active,
#navigationBar div span.active:hover
{
    color:#fff;
    text-shadow:0 -1px 0 #D38D0A;
}

#navigationBar .menuItem
{
    position: relative;
    float: left;
    height: 50px;
    line-height: 48px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.br_ie #navigationBar .menuItem,
.br_ff #navigationBar .menuItem {
    top: -1px;
}

#navigationBar #menuArea
{
    position:relative;
    /*float:left;*/
    z-index:3;
    white-space:nowrap;
    padding-left: 210px;
}

.menuSubItems
{
    display:none;
    position:absolute;
    top:48px;
    border-width:12px 12px 12px 12px;
    text-align:left;
	-webkit-border-image:url(/Common/Images/Navbar/navi_dropdown_bg.png) 12 12 12 12;
	-moz-border-image:url(/Common/Images/Navbar/navi_dropdown_bg.png) 12 12 12 12;
	-o-border-image:url(/Common/Images/Navbar/navi_dropdown_bg.png) 12 12 12 12;
	border-image:url(/Common/Images/Navbar/navi_dropdown_bg.png) 12 12 12 12 fill;	
	border-style: solid;
	margin-left:-9px;
	left:0px;
    text-align:left;
    padding-right: 5px;
}

#navigationBar .menuItem.hover .menuSubItems
{
    display:block;
}

.menuSubItems span 
{
    display:block;
    position:relative;   
    line-height:48px;
    height:48px;
    border-top:1px solid #ec6913;
    margin-left:-6px;    
    top:-12px;    
    margin-right:10px;    
    padding-left:5px;    
    text-indent:10px;
    width:100%; 
    padding-right:6px;
}

.menuSubItems span.lastItem
{
    height:33px;
}
    
.br_ie .menuSubItems
{
    margin-left:3px;
    margin-top:12px;    
}

#backgroundimage
{
    position: absolute; 
    left: 0px; 
    top: 0px; 
}

.mainBgGray
{
    width:100%;
    height:100%;
    position:absolute;
    top:-6px;
    left:-6px;    
    border-style: solid;
    border-width:6px 6px 6px 6px;
	-webkit-border-image:url(/Common/Images/new_gray_round_bg.png) 6 6 6 6;
	-moz-border-image:url(/Common/Images/new_gray_round_bg.png) 6 6 6 6;
	-o-border-image:url(/Common/Images/new_gray_round_bg.png) 6 6 6 6;
	border-image:url(/Common/Images/new_gray_round_bg.png) 6 6 6 6 fill;
}

#schedulerFullScreenBgGray
{
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    background-color: #000;
    opacity: 0.6;
    filter:alpha(opacity=60);
    z-index: 1;
    display: none;
}

.br_ie .mainBgGray
{
    top:0px;
    left:0px;
}

.homeBoxes
{
    position:absolute;
    width:234px;
    height:78px;
    bottom:-111px;
    cursor:pointer;
    border-width:6px 6px 6px 6px;
    border-style: solid;
	-webkit-border-image:url(/Common/Images/new_gray_round_bg.png) 6 6 6 6;   
	-moz-border-image:url(/Common/Images/new_gray_round_bg.png) 6 6 6 6;   
	-o-border-image:url(/Common/Images/new_gray_round_bg.png) 6 6 6 6;   
	border-image:url(/Common/Images/new_gray_round_bg.png) 6 6 6 6 fill;   
}

.homeBoxes h1
{
    position:relative;
}

.homeBoxes p
{
    position:relative;
    font-size:13px;
    line-height:16px;
    color:#fff;
    margin-top:-30px;
    text-align:center;
    display:none;
}

.homeBoxes span.arrow
{
    position:absolute;
    display:block;
    width:14px;
    height:12px;
    left:50%;
    top:52px;
    margin:0 0 0 -7px;
    background:url(/Common/Images/promobox_arrow.png) no-repeat;
}

.homeBoxes p a
{
    color:#ff9200;
    font-weight:normal;
}

.homeBoxes:hover
{
    bottom:-141px;
    height:108px;
}

.homeBoxes:hover span.arrow
{
    display:none;
}

.homeBoxes:hover p
{
    display:block;
}

.backToHomeButton 
{
    width:29px;
    height:29px;
    position:absolute;
    top:0px;
    right:0px;
    background-position:-172px -177px;    
    cursor:pointer;
}

#buyBox
{
    left:-6px;    
}

.br_ie #buyBox
{
    left:0px;
}

#trialBox
{
    left:249px;
}

.br_ie #trialBox
{
    left:255px;
}

#annotationBox
{
    left:504px;
}

.br_ie #annotationBox
{
    left:510px;
}

.homeBoxes h1
{
    text-align:center;
    color:#fff;
    font-size:20px;
    height:68px;
    line-height:68px;
    font-family:Tahoma, Arial, Sans-Serif;
}

#newRibbon
{
    position: absolute;
    top: -11px;
    right: -11px;
}

form.mainForm
{
    height: auto;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

form.mainForm.has-home-page
{
   height: 770px;
}

#facelift.home-page {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
}


div.contentwindow
{
    margin-bottom: 150px;
}
div.contentwindow.loggedin
{
    margin-bottom: 70px;
}

#footerContainer
{
    margin-top: -41px;
    position: relative;
    z-index: 1000;
    bottom: 0;
    height: 41px;
    color:#fff;
    font-size:11px;
    min-width: 970px;
}


#shareProSlider
{
   position:relative;
   height:27px;
   width:200px;
   overflow:hidden;
   margin-top:6px;
   top:5px;
}

    #shareProSlider .track,
    #shareProSlider .track div,
    #shareProSlider .slider,
    #shareProSlider .slider div
    {
        position:absolute;
        height:27px;
        top:0;
        background:url(/Common/Images/Homepage/pro_slider.png) no-repeat; 
    }
    
        #shareProSlider .track div,
        #shareProSlider .slider div
        {
            right:-10px;
            height:27px;
            width:10px;            
        }
        
        #shareProSlider .track
        {
            width:194px;
            left:-2px;
            background-position:top left;
        }
        
        #shareProSlider .track div
        {
            background-position:top right; 
        }
        
        #shareProSlider .slider
        {
            background-position:bottom left; 
            width:90px;
            left:-2px;
        }
        
        #shareProSlider .slider div
        {
            background-position:bottom right; 
        }
        
        #shareProSlider .sliderModePro,
        #shareProSlider .sliderModeBasic
        {
            position:absolute;
            top:0;
            left:0;
            height:27px;
            width:100px;
            line-height:27px;
            font-size:14px;
            font-weight:bold;
            color:#656565;
            text-align:center;
            cursor:pointer;
        }
        
             #shareProSlider .sliderModePro span,
             #shareProSlider .sliderModeBasic span
             {
                 display:inline-block;
                 height:10px;
                 width:13px;
                 background-position:-114px -184px;
                 margin-right:7px;
                 margin-left:-19px;
                 visibility:hidden;
             }
                    
        #shareProSlider .sliderModeBasic
        {
            left:100px;            
        }
        
        #shareProSlider .sliderModePro.active,
        #shareProSlider .sliderModeBasic.active
        {
            color:#fff;
        }
        
            #shareProSlider .sliderModePro.active span,
            #shareProSlider .sliderModeBasic.active span
            {
                visibility:visible;
            }
        
        #shareProSliderLabel span
        {
            position:relative;
            display:inline-block;
            width:95px;
            text-align:center;
            color:#818181;
            line-height:20px;
            top:5px;
        }
#tryNewWinApp
{
    position:relative;
    z-index:100;
}

    #tryNewWinApp .promoBubbles
    {
        position:absolute;
        top:-74px;
        left:-23px;
        width:80px;
        height:32px;
        color:#fff;
        font-weight:bold;
        line-height:18px
    }
    
    .br_ie #tryNewWinApp .promoBubbles
    {
        top:-59px;
        left:-7px;
    }
    
        #tryNewWinApp .promoBubbles .wrapper
        {
            position:relative;
            width:80px;
            top:-5px;
            text-align:center;
        }
   
        #tryNewWinApp .promoBubbles .olh
        {
            top:1px;
            margin-left:-19px;
        }
        
        #tryNewWinApp .promoBubbles .arrow
        {
           position:absolute;
           bottom:-21px;
           left:50%;
           margin-left:-15px;
           width:30px;
           height:17px;
           background-position:-315px -126px;
        }

#resizeFrame
{
    position:absolute; 
    top: 0; 
    right: 0; 
    width: 1px; 
    height: 100%;
    visibility: hidden;
}

#nav-right {
    float:right;
}

#nav-right .nav {
    position: relative;
    left: 0;
    top: -1px;
    display:block;
    float:left;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

#nav-right .nav li {
    color: #000;
    height: 50px;
    min-width: 50px;
    line-height: 30px;
    float: left;
    font-weight: normal;
}

#nav-right .nav li > a
{
    padding: 10px 17px 5px 9px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    display: block;
}

#nav-right .ls .currlang {
    color: white;
    font-weight: normal;
}

#nav-right .ls .lsmenu {
    position: absolute;
    z-index: 999;
    display: none;
}

#nav-right .ls.opened .lsmenu  {
    display: block;
}

#nav-right .ls .ls-content {
    background-color: #fff;
    padding: 5px;
    float: right;
    margin-top: 7px;
    margin-left: -11px;
}

#nav-right .ls .lsmenu a {
    display: block;
    cursor: pointer;
    text-decoration: none;
    color: #555;
    padding: 0 15px;
    text-align: left;
    white-space: nowrap;
    font-weight: normal;
    font-size: 14px;
}
#nav-right .ls .lsmenu a:hover {
color: #ff950d;
}

#nav-right .ls .lsmenu a.selected {
color: #ff950d;
}

#nav-right .logout-ph {
    min-height: 50px;
}

#nav-right a.login {
    white-space: nowrap;
    display: block;
    padding-top: 10px;
    color: white !important;
    font-weight: normal;
    letter-spacing: 0;
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

#nav-right a.login.loggedin {
    padding: 10px 10px;
    min-width: 130px;
}

#nav-right a.login.loggedout {
    padding: 10px 20px;
}

#nav-right .arrow-box {
    color: #fff;
    display: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;

    max-width: 140px;
    min-width: 110px;

    position: relative;
    background: #fff;
    border: 3px solid #ff8e00;
    border-radius: 2px;
    color: #000;
    z-index: 999;
}
#nav-right .arrow-box span {
    display: block;
    cursor: pointer;
    line-height: normal;
    margin: 10px 0;
    overflow: hidden;
}

#nav-right .arrow-box span:hover {
    color: #f80;
}

#nav-right .logout-ph.openable:hover .arrow-box {
    display: block;
}

#nav-right .arrow-box:before, #nav-right .arrow-box:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#nav-right .arrow-box:before {
    border-color: rgba(255,142,0,0);
    border-bottom-color: #ff8e00;
    border-width: 12px;
    margin-left: -12px;
}

#nav-right .arrow-box:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

#joinCodeContainer{
    position:absolute;
    width:240px;
    top:25px;
    left:350px;
}

.bubbleContainer {
    position:relative;
    right:0px!important;
    display:inline-block!important;
}

.bubbleContainer .bubble {
    z-index: 20;
	position: relative;
	background: #F53D3D;
	border: 4px solid #F53D3D;
    white-space: nowrap;
    padding: 3px 5px 3px 5px;
    color: #FFFFFF;
    line-height: 15px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.3));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.3));
    display:inherit;
    min-width:inherit;
    font-size:12px;
    font-family:Tahoma, Arial, Verdana;
}

.bubbleContainer .bubble:after,
.bubbleContainer .bubble:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bubbleContainer .bubble:after {
	border-color: rgba(245, 61, 61, 0);
	border-top-color: #F53D3D;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}

.bubbleContainer .bubble:before {
	border-color: rgba(245, 61, 61, 0);
	border-top-color: #F53D3D;
	border-width: 16px;
	left: 50%;
	margin-left: -16px;
}

.bubbleContainer a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

#joinlabel .bubbleContainer.stickyBubble
{
    top:-53px;
    left:210px;
    right:auto !important;
    position:absolute;
}

#sharearrow .bubbleContainer.stickyBubble
{
    top:-53px;
    left:-20px;
    right:auto !important;
    position:absolute;
}

#loading-box {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 150px;
    border-radius: 5px;
    margin-left: -200px;
    margin-top: -75px;
    background-color: white;
    opacity: 0;
}

    #loading-box .loading-caption {
        position: relative;
        top: 25px;
        font-size: 26px;
        padding-left: 10px;
        font-family: arial;
        font-weight: bold;
        color: #ff950d;
    }

    .os_mac.br_ff #loading-box .loading-caption {
        top: -63px;
    }    
    
    #loading-box .over-loader {
        position: relative;
        top: 40px;
        display: inline-block;
        width: 60px;
        height: 60px;
        min-height: auto;
        background-color: white;
    }

    .os_mac.br_ff #loading-box .over-loader {
        top: 0;
    }

    #loading-box .over-loader .loader.simple {
        width: 50px;
        height: 50px;
    }
@font-face {
    font-family: 'Rubik';
    src: url('/Client/ClientMessaging/Common/Styles/Fonts/Rubik-Regular-ship.eot');
    src: url('/Client/ClientMessaging/Common/Styles/Fonts/Rubik-Regular-ship.woff') format('woff'), url('/Client/ClientMessaging/Common/Styles/Fonts/Rubik-Regular-ship.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik Bold';
    src: url('/Client/ClientMessaging/Common/Styles/Fonts/Rubik-Bold-ship.eot');
    src: url('/Client/ClientMessaging/Common/Styles/Fonts/Rubik-Bold-ship.woff') format('woff'), url('/Client/ClientMessaging/Common/Styles/Fonts/Rubik-Bold-ship.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik Black';
    src: url('/Client/ClientMessaging/Common/Styles/Fonts/Rubik-Black-ship.eot');
    src: url('/Client/ClientMessaging/Common/Styles/Fonts/Rubik-Black-ship.woff') format('woff'), url('/Client/ClientMessaging/Common/Styles/Fonts/Rubik-Black-ship.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body, form {
    margin: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

#viewerFrame {
    width: 100%;
    height: 100%;
    min-width: 1000px;
    min-height: 500px;
    z-index: 1 !important;
    display: none;
}

#modalOverlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    /*Full-screen hack*/
    z-index: 2147483648;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
}

#modalDialogDownload {
    display: none;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    color: #605A4F;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 320px;
    -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  outline: none !important;
    cursor: default;
}

.modalDialogWrapper {
    background-color: rgba(34, 34, 34, .8);
    padding: 10px 10px 0;
    margin-top: 200px;
    border-radius: 5px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
}

.downloadingMessageWrapper {
  text-align: center;
}

.modalDialogWrapper.downloadContent {
  padding-bottom: 10px;
}

.modalDialogWrapper.annotateContent,
.modalDialogWrapper.audioContent,
.modalDialogWrapper.videoContent {
  padding-bottom: 2px;
}

.modalDialogWrapper.no-footer {
  padding-bottom: 10px;
}

.downloadingMessageRow {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.downloadingMessageCol {
  width: 50%;
}

.downloadingMessageCol:first-child {
  margin-right: 20px;
}

.downloadingMessageCol:last-child {
  margin-left: 20px;
}

.downloadMessageTitle {
  line-height: 55px;
  display: inline-block;
  margin: 3px 0 -2px 10px;
  font-size: 15px;
  font-family: Rubik;
  color: #444;
}

.downloadMessageDesc {
  margin-top: 15px;
  font-size: 15px;
  font-family: Rubik;
  color: #444;
}

.downloadMessageIcon {
  position: relative;
  left: -6px;
  width: 50px;
  height: 55px;
  float: left;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
}

.downloadMessageIcon.download {
  background-image: url(/Client/Images/icon-download.svg);
}

.downloadMessageIcon.open {
  background-image: url(/Client/Images/icon-open.svg);
}

.downloadContent #modalDialogDownload {
  width: 480px;
}

.launchContent #modalDialogDownload {
  width: 420px;
}

.annotateContent #modalDialogDownload {
  width: 410px;
}

.audioContent #modalDialogDownload {
  width: 540px;
}

.videoContent #modalDialogDownload {
  width: 480px;
}

#modalClose {
    float: right;
    color: #aaa;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 26px;
    width: 18px;
    height: 18px;
    line-height: 16px;
    display: block;
    font-family: Rubik;
    text-align: center;
    cursor: pointer;
}

#modalClose:hover {
    color: #60B200;
}

#modalLaunchSection,
#modalDownloadSection,
#modalLine {
    font-family: Rubik;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    margin: 6px auto 4px;
    color: #fff;
    text-align: center;
}

#modalLaunchLink,
#modalDownloadLink {
    margin-left: 5px;
}

#modalLaunchLink,
#modalDownloadLink,
#modalCallByPhone {
    font-family: Rubik;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #60B200;
}

#modalLaunchLink:hover,
#modalDownloadLink:hover,
#modalCallByPhone:hover {
    color: #488800;
}

#modalContent {
    padding: 35px 40px 35px 40px;
    font-family: Helvetica;
}

#modalTitle {
    margin-bottom: 18px;
    line-height: 30px;
    color:#444;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
    font-family: Rubik Black;
}

.downloadContent #modalTitle {
    margin-bottom: 27px;
}

#modalLoaderContainer {
    margin: 45px 0 45px 0;
    text-align: center;
}

#modalText {
    font-size: 15px;
    font-family: Rubik;
}

    #modalText a {
        color: #60B200;
    }

    #modalText a:hover {
        color: #488800;
    }

    #modalText p {
        margin: 0px;
    }

#modalButtons,
.buttonWrapper {
    clear: both;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

    .buttonWrapper {
        text-align: center;
    }

    .buttonBox {
        display: inline-block;
        width: auto;
        margin: 50px 25px;
    }

    #modalButtons li {
        display: inline-block;
    }

    #modalButtons a,
    .downloadButton,
    .downloadButtonChrome {
        display: block;
        padding: 10px;
        font-family: Rubik Bold;
        font-size: 18px;
        font-weight: bold;
        border: 2px solid transparent;
        text-transform: uppercase;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        outline: none !important;
    }

    .downloadButton,
    .downloadButtonChrome {
        display: inline-block;
    }

#modalPrimaryButton,
.downloadButton {
    background-color: #6BE005;
    color: #fff;
    float: left;
}

#modalPrimaryButton.singleButton {
  width: 100%;
  float: none;
  display: inline-block;
  padding: 11px 0 9px 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

#modalPrimaryButton:hover,
.downloadButton:hover {
    background-color: #43bb04;
}

#modalButtons a#modalCancelButton,
.downloadButtonChrome {
    background: none;
    color: #6BE005;
    border-color: #E7E4D6;
    float: right;
}

#modalButtons a#modalCancelButton:hover,
.downloadButtonChrome:hover {
    color: #43bb04;
}

#desktopAppDownloadingMessage {
    display: none;
}

#stickyJoinContent {
    display: none;
}

.jm-toast div.share {
    width: auto;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

.jm-toast h3 {
    margin-left: 10px;
    margin-right: 10px;
    font-family: Arial, Tahoma, sans-serif;
    position: relative;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 26px;
}

.jm-toast button, button.jm {
    font: bold 18px/normal tahoma;
    color: white;
    margin: 0;
    padding: 12px;
    height: 45px;
    line-height: 21px;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    overflow: visible;
    min-width: 60px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .jm-toast button.jm, button.jm {
        border: 1px solid #FFB500;
        border-color: #FFBE2E #FFBE2E #F88302 #FFBE2E;
        background-color: #F88300;
        background: linear-gradient(top, #FFBE2E, #F88302);
        background: -moz-linear-gradient(top, #FFBE2E, #F88302);
        background: -webkit-gradient(linear, left top, left bottom, from(#FFBE2E), to(#F88302));
        background: -o-linear-gradient(top, #FFBE2E, #F88302);
        background: -ms-linear-gradient(top, #FFBE2E, #F88302);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBE2E', endColorstr='#F88302');
    }

        .jm-toast .button.medium, button.jm.medium {
            height: 32px;
            font-size: 14px;
            padding: 0 10px 1px 10px;
        }

        .jm-toast button.jm:hover, button.jm:hover {
            border: 1px solid #FF9F00;
            border-top: 1px solid #FF9F00;
            border-bottom: 1px solid #FF9F00;
            text-decoration: none;
            background-color: #FF9F00;
            background: linear-gradient(top, #FF9F00, #F55B01);
            background: -moz-linear-gradient(top, #FF9F00, #F55B01);
            background: -webkit-gradient(linear, left top, left bottom, from(#FF9F00), to(#F55B01));
            background: -o-linear-gradient(top, #FF9F00, #F55B01);
            background: -ms-linear-gradient(top, #FF9F00, #F55B01);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9F00', endColorstr='#F55B01');
        }

        .jm-toast button.jm:active, button.jm:active {
            background-color: #F88300;
            border-color: #F66700 #FFA600 #FFA600 #FFA600;
            background: linear-gradient(top, #F66700, #FFA600);
            background: -moz-linear-gradient(top, #F66700, #FFA600);
            background: -webkit-gradient(linear, left top, left bottom, from(#F66700), to(#FFA600));
            background: -o-linear-gradient(top, #F66700, #FFA600);
            background: -ms-linear-gradient(top, #F66700, #FFA600);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F66700', endColorstr='#FFA600');
        }

#meetingEndCap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: 0 auto;
    z-index: 1000;
}

    #meetingEndCap .outer {
        display: table;
        position: absolute;
        height: 100%;
        width: 100%;
    }

    #meetingEndCap .middle {
        display: table-cell;
        vertical-align: middle;
    }

    #meetingEndCap .inner {
        padding: 65px;
        text-align: center;
        border: 1px solid #333333;
        margin-left: auto;
        margin-right: auto;
        width: 500px;
        color: #000;
        background: rgb(255,255,255);
        zoom: 1;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        border-radius: 15px;
        box-sizing: content-box;
    }

        #meetingEndCap .inner:nth-child(n) {
            filter: none;
        }

        #meetingEndCap .inner h1 {
            color: #000;
        }

        #meetingEndCap .inner.endcap {
            font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-weight: normal;
            font-size: 16px;
            color: #888;
            padding-top: 60px;
            padding-bottom: 60px;

            border: none;

            -webkit-box-shadow: 0 0 24px 0 rgba(44, 50, 50, 0.4);
            -moz-box-shadow: 0 0 24px 0 rgba(44, 50, 50, 0.4);
            -ms-box-shadow: 0 0 24px 0 rgba(44, 50, 50, 0.4);
            box-shadow: 0 0 24px 0 rgba(44, 50, 50, 0.4);
        }

#meetingEndCap .inner.endcap img {
    margin-bottom: 15px;
}

#meetingEndCap .inner.endcap h1 {
    color: #333333;
    font-size: 36px;
    font-family: 'Rubik Bold', helvetica, arial, sans-serif;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.5px;
}

#meetingEndCap .inner.endcap .subtext {
    margin-top: 5px;
}

#meetingEndCap .inner.endcap .button.primary {
    margin-top: 40px;
    padding: 0 40px;
}

#meetingEndCap .button {
    display: inline-block;
    justify-content: center;
    height: 60px;
    min-width: 120px;
    background: #ff8e00;
    font-size: 18px;
    color: #ffffff;
    line-height: 60px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 8px;
    margin: 25px 10px 8px;
    padding: 0 0px;
    transition: all 100ms ease-in-out;
    border-color: #ff8e00;
}

#meetingEndCap .button:hover {
    background: #e35f00;
    cursor: pointer;
    border-color: #ff8e00;
}

#meetingEndCap .endcapSendProductInfo {
    display: none;
}

#meetingEndCap .endcapSendProductInfoLabel {
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

#meetingEndCap #emailProductInfo {
    margin-top: 0;
    height: 15px;
    vertical-align: middle;
    cursor: pointer;
}

div.bubbleback {
    background: transparent;
}

.button {
	display: inline-block;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	outline: 0 none;
	overflow: hidden;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-shadow: 0 0;
	text-align: center;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: #888888;
	background: white;
	border: 1px solid;
	border-color: silver;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	padding: 0 20px 1px 20px;
	font-size: 15px;
	line-height: 40px;
	min-width: 100px;
	font-weight: 500;
}

.button:hover {
    color: #555555;
    border-color: #888888;
    background: white;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.button:active {
    background: silver;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07);
}

.button.disabled, .button:disabled {
  color: silver;
  border-color: silver;
  background: #f7f7f7;
  pointer-events: none;
  cursor: not-allowed;
}

.button.primary {
	color: white;
	border-color: #9bd000;
	background: #9bd000;
}

.button.primary:hover {
    border-color: #9bd000;
    background: #85bf00;
}
.button.primary:active {
    border-color: #85bf00;
    background: #85bf00;
}

.button.primary.disabled, .button.primary:disabled {
  color: #9bd000;
  border-color: #9bd000;
  background: #85bf00;
}

.endcapIncentive {
    font-family: Helvetica, Arial, sans-serif;
}

.endcapIncentive h1 {
    margin: 1px 0 17px 0;
    font-size: 28px;
    font-weight: bold;
    font-family: arial;
}

.endcapIncentive h3 {
    font-family: 'Helvetica neue', Helvetica, Arial, sans-serif;
    color: #bfbfbf;
    font-size: 14px;
    margin: 0 0 35px 0;
    font-weight: bold;
    font-family: arial;
}


.purl-input-div {
    font-family: 'Helvetica neue', Helvetica, Arial, sans-serif;
    color: #ff8c00;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    margin: 40px 0px; 
}

.purl-input-div input {
    border: 0;
    outline: 0;
    border-bottom: 2px solid #ff8c00;
    color: #ff8c00;
    font-size: 20px;
    font-weight: bold;
    width: 215px;
    margin-left: 10px;
    padding-right: 20px;
}

.purl-input-div input:focus{ outline: 0;}

.purl-input-div input:placeholder-shown {
  color: #ff8c00;
}

.purl-input-div input::-webkit-input-placeholder {
  color: #ff8c00;
}

.purl-input-div input:-moz-placeholder {
  color: #ff8c00;
}

.purl-input-div input::-moz-placeholder {
  color: #ff8c00;
}

.purl-input-div input:-ms-input-placeholder {
  color: #ff8c00;
}

.purl-input-div input::-ms-input-placeholder {
  color: #ff8c00;
}

.purl-input-div input:placeholder-shown {
  color: #ff8c00;
}

.inputPass {
    background: url(/Client/Images/icon-validate-pass.png) no-repeat;
    background-position: right top;
}

.inputFail {
    background: url(/Client/Images/icon-validate-fail.png) no-repeat;
    background-position: right top;
}

.endcapInputWrapperDiv {
    margin: 10px 0px 5px 100px;

}

.endcapInput {
    border: 0;
    width: 250px;
    font-size: 16px;
    font-family: Arial;
    padding-right: 20px;
}

.endcapInput:focus {outline:0;}

.endcapInputName,
td.endcapInputInfoTd {
    border: 1px solid #bfbfbf;
    padding: 10px;
}

.endcapInputName {
    display: inline-block;
    border-radius: 4px;
    text-align: left;
}

#endcapUserName {
    margin-left: 0;
}

#endcapFirstName,
#endcapLastName {
    width: 126px;
}

td.endcapInputInfoTd {
    border-radius: 4px 0px 0px 4px;
    border-right: 0;
}

td.endcapInputTd {
    border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border: 1px solid #bfbfbf;
    padding-left: 7px;
    position: relative;
}

.errorMessage {
    display: none;
    position: absolute;
    font-size: 13px;
    text-align: center;
    color: white;
    width: 200px;
    background-color: red;
    padding: 3px;
    left: 90%;
    top: 0;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

td.endcapInputTd .errorMessage {
    left: 105%;
    top: 3px;
}

.encapIncentiveForm .button {
    font-family: 'Helvetica neue', Helvetica, Arial, sans-serif;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 600;
    background-color: transparent;
    border: 1px solid #bbbbbb;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 300px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.encapIncentiveForm .button.primary {
    color: #333333;
    background-color: #98d000;
    border: 1px solid #8bc700;
}

.endcapIncentiveTerms {
    font-family: 'Helvetica neue', Helvetica, Arial, sans-serif;
    font-size: 10px;
    color: #bbbbbb;
    line-height: 14px;
    margin-bottom: 30px;
    width: 300px;
    margin-left: 100px;
}

.endcapIncentiveTerms a,
.endcapIncentiveTerms a:hover,
.endcapIncentiveTerms a:visited,
.endcapIncentiveTerms a:active {
    color: #ff9200;
    font-weight: bold;
    font-family: Arial;
    text-decoration: none;
}

.joinme-loader{margin:100px auto;height:65px;width:65px}.loader{display:inline-block;position:relative}.loader.inline{top:.1em}.loader.simple{width:5em;height:5em;-webkit-animation:loader-wrapper 1s linear infinite;-moz-animation:loader-wrapper 1s linear infinite;-ms-animation:loader-wrapper 1s linear infinite;-o-animation:loader-wrapper 1s linear infinite;animation:loader-wrapper 1s linear infinite}.loader.simple:after,.loader.simple:before{content:"";position:absolute;width:80%;height:80%;top:5%;border-radius:50%}.loader.simple:before{left:-5%;background:#ff8c00;-webkit-transform:scale(1);-webkit-transform-origin:10% 50%;-webkit-animation:loader-dot 1s infinite alternate ease-in-out;-moz-transform:scale(1);-moz-transform-origin:10% 50%;-moz-animation:loader-dot 1s infinite alternate ease-in-out;-ms-transform:scale(1);-ms-transform-origin:10% 50%;-ms-animation:loader-dot 1s infinite alternate ease-in-out;-o-transform:scale(1);-o-transform-origin:10% 50%;-o-animation:loader-dot 1s infinite alternate ease-in-out;transform:scale(1);transform-origin:10% 50%;animation:loader-dot 1s infinite alternate ease-in-out}.loader.simple:after{right:-5%;background:#8dc901;-webkit-transform:scale(.2);-webkit-transform-origin:90% 50%;-webkit-animation:loader-dot 1s 1s infinite alternate ease-in-out;-moz-transform:scale(.2);-moz-transform-origin:90% 50%;-moz-animation:loader-dot 1s 1s infinite alternate ease-in-out;-ms-transform:scale(.2);-ms-transform-origin:90% 50%;-ms-animation:loader-dot 1s 1s infinite alternate ease-in-out;-o-transform:scale(.2);-o-transform-origin:90% 50%;-o-animation:loader-dot 1s 1s infinite alternate ease-in-out;transform:scale(.2);transform-origin:90% 50%;animation:loader-dot 1s 1s infinite alternate ease-in-out}.over-loader{visibility:hidden;opacity:0;position:fixed;width:100%;height:100%;left:0;top:-9999px}.over-loader.show{visibility:visible;top:0;opacity:1}.over-loader .over-loader-fade{background:#464646;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.96}.over-loader .over-loader-content{font-size:2em;position:absolute;text-align:center;top:50%;left:50%;margin-top:-1em;margin-left:-1em}.over-loader .over-loader-content .label{color:#f7f7f7;font-size:.5em;margin-top:.5em}.button .loader{margin-left:-.5em;margin-right:.5em}@-webkit-keyframes loader-wrapper{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes loader-dot{0%{-webkit-transform:scale(.2)}100%{-webkit-transform:scale(1)}}@-moz-keyframes loader-wrapper{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}@-moz-keyframes loader-dot{0%{-moz-transform:scale(.2)}100%{-moz-transform:scale(1)}}@-ms-keyframes loader-wrapper{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(360deg)}}@-ms-keyframes loader-dot{0%{-ms-transform:scale(.2)}100%{-ms-transform:scale(1)}}@-o-keyframes loader-wrapper{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(360deg)}}@-o-keyframes loader-dot{0%{-o-transform:scale(.2)}100%{-o-transform:scale(1)}}@keyframes loader-wrapper{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes loader-dot{0%{transform:scale(.2)}100%{transform:scale(1)}}

.loader {
    display: inline-block;
    position: relative;
}

    .loader.inline {
        top: 0.1em;
    }

    .loader.simple {
        width: 1em;
        height: 1em;
        -webkit-animation: loader-wrapper 1s linear infinite;
        -moz-animation: loader-wrapper 1s linear infinite;
        -ms-animation: loader-wrapper 1s linear infinite;
        -o-animation: loader-wrapper 1s linear infinite;
        animation: loader-wrapper 1s linear infinite;
    }

        .loader.simple:before, .loader.simple:after {
            content: "";
            position: absolute;
            width: 80%;
            height: 80%;
            top: 5%;
            border-radius: 50%;
        }

        .loader.simple:before {
            left: -5%;
            background: #ff8c00;
            -webkit-transform: scale(1);
            -webkit-transform-origin: 10% 50%;
            -webkit-animation: loader-dot 1s infinite alternate ease-in-out;
            -moz-transform: scale(1);
            -moz-transform-origin: 10% 50%;
            -moz-animation: loader-dot 1s infinite alternate ease-in-out;
            -ms-transform: scale(1);
            -ms-transform-origin: 10% 50%;
            -ms-animation: loader-dot 1s infinite alternate ease-in-out;
            -o-transform: scale(1);
            -o-transform-origin: 10% 50%;
            -o-animation: loader-dot 1s infinite alternate ease-in-out;
            transform: scale(1);
            transform-origin: 10% 50%;
            animation: loader-dot 1s infinite alternate ease-in-out;
        }

        .loader.simple:after {
            right: -5%;
            background: #8dc901;
            -webkit-transform: scale(0.2);
            -webkit-transform-origin: 90% 50%;
            -webkit-animation: loader-dot 1s 1s infinite alternate ease-in-out;
            -moz-transform: scale(0.2);
            -moz-transform-origin: 90% 50%;
            -moz-animation: loader-dot 1s 1s infinite alternate ease-in-out;
            -ms-transform: scale(0.2);
            -ms-transform-origin: 90% 50%;
            -ms-animation: loader-dot 1s 1s infinite alternate ease-in-out;
            -o-transform: scale(0.2);
            -o-transform-origin: 90% 50%;
            -o-animation: loader-dot 1s 1s infinite alternate ease-in-out;
            transform: scale(0.2);
            transform-origin: 90% 50%;
            animation: loader-dot 1s 1s infinite alternate ease-in-out;
        }

.over-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

    .over-loader .over-loader-fade {
        background: #464646;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.96;
    }

    .over-loader .over-loader-content {
        font-size: 2em;
        position: absolute;
        text-align: center;
        top: 50%;
        left: 50%;
        margin-top: -1em;
        margin-left: -1em;
    }

        .over-loader .over-loader-content .label {
            color: #f7f7f7;
            font-size: 0.5em;
            margin-top: 0.5em;
        }

.button .loader {
    margin-left: -0.5em;
    margin-right: 0.5em;
}

@-webkit-keyframes loader-wrapper {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-dot {
    0% {
        -webkit-transform: scale(0.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes loader-wrapper {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-moz-keyframes loader-dot {
    0% {
        -moz-transform: scale(0.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-ms-keyframes loader-wrapper {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}

@-ms-keyframes loader-dot {
    0% {
        -ms-transform: scale(0.2);
    }

    100% {
        -ms-transform: scale(1);
    }
}

@-o-keyframes loader-wrapper {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
    }
}

@-o-keyframes loader-dot {
    0% {
        -o-transform: scale(0.2);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes loader-wrapper {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-dot {
    0% {
        transform: scale(0.2);
    }

    100% {
        transform: scale(1);
    }
}

#overloader {
    display: none;
    margin: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: #000;
}
.jm-toast {
    position: absolute;
    background-color: gray;
    background-color: rgba(0,0,0,0.6);
    border: 1px solid white;
    border: 1px solid rgba(255,255,255,0.4);
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    width: 250px;
}

.jm-toast-close {
    float: right;
    display: block;            
    font-weight: bold;
    font-size: 120%;
    color: #ff9200;
    position: relative;
    z-index: 99;
}
.jm-toast-close a:hover {
    color: white;
}
@font-face {
    font-family: 'Swiss721BT-BlackRounded';
    src: url('/BigIdea/Common/Styles/Swiss721BT-BlackRounded.eot');
    src: url('/BigIdea/Common/Styles/Swiss721BT-BlackRounded.woff') format('woff'), url('/BigIdea/Common/Styles/Swiss721BT-BlackRounded.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Swiss721BT-BoldRounded';
    src: url('/BigIdea/Common/Styles/Swiss721BT-BoldRounded.eot');
    src: url('/BigIdea/Common/Styles/Swiss721BT-BoldRounded.woff') format('woff'), url('/BigIdea/Common/Styles/Swiss721BT-BoldRounded.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.bi-title {
    font-family: 'Rubik', helvetica, arial, sans-serif;
    font-weight: 700;
    font-size: 28px;
}

.joinme-orange {
    color: #FF8C00;
}

.joinme-green {
    color: #8DC901;
}

.bi-title-small {
    font-size: 24px;
}

.inline {
    display: -moz-inline-stack;
    display: inline-block;
    *zoom: 1; *display: inline;
}
body,html {
    height: 100%;
    width: 100%;
}

body {
    margin: 0;
}

iframe {
    padding: 0;
    margin: 0;
    width: 100%;
    border: none;
}

#outerContainer {
    display: table;
    position: absolute;
    height: 90%;
    width: 100%;
}

#midContainer {
    display: table-cell;
    vertical-align: middle;
}

#joinPageContainer,
#sharePageContainer {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    color: #888;
}

    #joinPageContainer h1,
    #sharePageContainer h1 {
        color: #444;
        font-size: 40px;
        font-family: 'Swiss721BT-BoldRounded', helvetica, arial, sans-serif;
        margin-bottom: 50px;
        line-height: 1;
    }

    #joinPageContainer h2,
    #sharePageContainer h2 {
        color: #555;
        font-size: 26px;
        margin-bottom: 50px;
        /*The two below are repeated due to other included css on JmClient page overriding the values*/
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: normal;
    }

    #sharePageContainer #retryDownload,
    #sharePageContainer #forceLaunch {
        color: #FF8C00;
        cursor: pointer;
    }

    #joinPageContainer #joinViaBrowser {
        color: #FF8C00;
        cursor: pointer;
    }

#descriptionText {
    margin-top: 50px;
}

#description2Text {
    margin-top: 30px;
}


#noFlashMessage {
    clear: both;
    float: right;
    font-size: 14px;
    width: 267px;
}

    #noFlashMessage a {
        color: #79AC02;
        font-weight: bold;
        text-decoration: none;
    }

#downloadSteps {
    margin: 0 auto;
    max-width: 950px;
}

#downloadSteps img {
    width: 100px;
    height: 106px;
}

#downloadSteps table {
    width: 100%;
}

#downloadSteps table td {
    width: 33%
}

#downloadSteps tr.subtext td {
    vertical-align: top;
}

#downloadSteps table td p {
    width: 60%;
    margin-left: 20%;
}

#downloadSteps h2 {
    margin-bottom: 0;
}

#loaderContainer {
    height: 105px;
}

.loader {
    display: inline-block;
    position: relative;
}

.loader.inline {
    top: 0.1em;
}

    .loader.simple {
        width: 100px;
        height: 100px;
        -webkit-animation: loader-wrapper 1s linear infinite;
        -moz-animation: loader-wrapper 1s linear infinite;
        -ms-animation: loader-wrapper 1s linear infinite;
        -o-animation: loader-wrapper 1s linear infinite;
        animation: loader-wrapper 1s linear infinite;
    }

.loader.simple:before, .loader.simple:after {
      content: "";
      position: absolute;
      width: 80%;
      height: 80%;
      top: 5%;
      border-radius: 50%;
}

.loader.simple:before {
      left: -5%;
      background: #ff8c00;
      -webkit-transform: scale(1);
      -webkit-transform-origin: 10% 50%;
      -webkit-animation: loader-dot 1s infinite alternate ease-in-out;
      -moz-transform: scale(1);
      -moz-transform-origin: 10% 50%;
      -moz-animation: loader-dot 1s infinite alternate ease-in-out;
      -ms-transform: scale(1);
      -ms-transform-origin: 10% 50%;
      -ms-animation: loader-dot 1s infinite alternate ease-in-out;
      -o-transform: scale(1);
      -o-transform-origin: 10% 50%;
      -o-animation: loader-dot 1s infinite alternate ease-in-out;
      transform: scale(1);
      transform-origin: 10% 50%;
      animation: loader-dot 1s infinite alternate ease-in-out;
}

.loader.simple:after {
      right: -5%;
      background: #8dc901;
      -webkit-transform: scale(0.2);
      -webkit-transform-origin: 90% 50%;
      -webkit-animation: loader-dot 1s 1s infinite alternate ease-in-out;
      -moz-transform: scale(0.2);
      -moz-transform-origin: 90% 50%;
      -moz-animation: loader-dot 1s 1s infinite alternate ease-in-out;
      -ms-transform: scale(0.2);
      -ms-transform-origin: 90% 50%;
      -ms-animation: loader-dot 1s 1s infinite alternate ease-in-out;
      -o-transform: scale(0.2);
      -o-transform-origin: 90% 50%;
      -o-animation: loader-dot 1s 1s infinite alternate ease-in-out;
      transform: scale(0.2);
      transform-origin: 90% 50%;
      animation: loader-dot 1s 1s infinite alternate ease-in-out;
}

@-webkit-keyframes loader-wrapper {
      0% {
        -webkit-transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
      }
}
@-webkit-keyframes loader-dot {
      0% {
        -webkit-transform: scale(0.2);
      }
      100% {
        -webkit-transform: scale(1);
      }
}
@-moz-keyframes loader-wrapper {
      0% {
        -moz-transform: rotate(0deg);
      }
      100% {
        -moz-transform: rotate(360deg);
      }
}
@-moz-keyframes loader-dot {
      0% {
        -moz-transform: scale(0.2);
      }
      100% {
        -moz-transform: scale(1);
      }
}
@-ms-keyframes loader-wrapper {
      0% {
        -ms-transform: rotate(0deg);
      }
      100% {
        -ms-transform: rotate(360deg);
      }
}
@-ms-keyframes loader-dot {
      0% {
        -ms-transform: scale(0.2);
      }
      100% {
        -ms-transform: scale(1);
      }
}
@-o-keyframes loader-wrapper {
      0% {
        -o-transform: rotate(0deg);
      }
      100% {
        -o-transform: rotate(360deg);
      }
}
@-o-keyframes loader-dot {
      0% {
        -o-transform: scale(0.2);
      }
      100% {
        -o-transform: scale(1);
      }
}
@keyframes loader-wrapper {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
}
@keyframes loader-dot {
      0% {
        transform: scale(0.2);
      }
      100% {
        transform: scale(1);
      }
}