/* PLEASE MAKE SURE TO UPDATE THE CHANGES IN Site-IE file also.
----------------------------------------------------------*/
body
{
    font-size:100%;
    min-width:980px; 
}

body, div, a, span, table, th, tr, td, input[type=radio]
{
	font-family: "Droid Serif", "Times New Roman" !important;
	font-style:normal;        
}

input[type=text], select, textarea
{
	font-family: "Droid Sans", Arial !important;
	font-style:normal;    
}

body
{
	padding:0px;
	margin:0px;
	/*background-color:#DED6BD;*/
	 /*background-color:#F2F2F2; */
	 background-color: Gray;
}

a
{
	color:#FFFFFF;
	cursor:pointer;
	text-decoration:none;
}

img
{
	border:0px;
}
/*table { 
  border-spacing:0;
  border-collapse:collapse;
}*/
table
{
	padding:0;
	border-spacing:0;
}

#container
{
    background-color:#E8E0CD;
    background-image:url(../Images/BGPattern.jpg);
    background-repeat:repeat;
    background-position:center top;
    /*width:1000px;*/
    width: 98%;
    min-width:949px;

    margin:0 auto;
    position:relative;
    z-index:0;
    
    -moz-box-shadow:    0px 3px 3px 3px #4F4F4F;
    -webkit-box-shadow: 0px 3px 3px 3px #4F4F4F;
    box-shadow:         0px 3px 3px 3px #4F4F4F;
}

@media (min-width:1100px)
{
    #container
    {
        width: 86%;
        min-width:1000px;
    }
}

#container-preloader-image
{
    position:absolute;
    top:50%;
    left:50%;
    z-index: 1000; /*2000;*/

    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

#container-preloader-image img
{
    width: 62px;
}

#LeftPattern
{
    position:absolute;
    margin:0px 0px 0px 1px;
    height:100%;
    width: 10%;
    background-repeat:repeat;
    z-index:-1;
    
    background-image:url(../Images/EdgePattern.jpg);
    
    -webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);    
    transform:scaleX(-1);
    
    outline:none;
}

#RightPattern
{
    position:absolute;
    right:0px;
    height:100%;
    width: 147px; /*11%;*/
    z-index:-1;
    
    background-image:url(../Images/EdgePattern.jpg);
    background-repeat:repeat-y;        
}

#CircularPattern
{
    width: 68.5%;
    height: 73%;
    left: 14.7%;
    top: 11.8%;
    background-repeat: no-repeat;
    background-size: 100% auto;

    /*width:647px;
    height:653px;*/
    text-align:center;
    position:absolute;
    z-index:-1;
    
    /*top:170px;
    left:150px;*/    
    background-image:url(../Images/BGCircularPattern.jpg);
}

.MainContainerBg
{
	background-image:url(../Images/MainContainerBg.png);
	background-repeat:repeat-y;
	width:835px;
   /* height:720px;*/
   height :503px;
}

#MainContainer
{
	/*background-image:url(../Images/MainContainerBg.png);*/
	background-color:#F0F0F0;
	background-repeat:no-repeat;
	width:835px;
	height:720px;
	margin-top:30px;
	padding:0px;
}

#MainContainer table
{
	padding-top:10px;
	margin:10px 0px 0px 1px;
	width:100%;
}

#header
{
	padding:0px;
}

#TopMenu
{
    /*height: 6.5vh;
    min-height: 44px;*/
    height:44px;
}

@media (orientation:portrait)
{
    #TopMenu
    {
        height:44px;
    }
}

#TopMenu table
{
	margin:0px 0px 0px auto;
	text-align:center;
	width:30%;
	border-collapse:collapse;
	padding:0px;
}

#TopMenu a
{
	text-decoration:none;
	color:inherit;
}

.top-menu
{
    width:100%; 
    display:inline-block; 
    vertical-align:middle;
    padding-top:7px;
    padding-bottom:7px;

    position:relative;
    top:50%;
    
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.top-menu-items-container
{
	font-family:Goudy Old Style;
	font-weight:bold;
	font-size: 14px;
	color: #A59E8B;
	display: inline-block;
	float: right;
	text-align: center;
	vertical-align:middle;
	/* width:30%;*/
}

.logged-out-menu-items
{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 0px 11px 0px 10px;
}

.logged-in-menu-items
{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 0px 4px 0px 5px;
}

#header2
{
    /*background-image:url(../Images/HeaderSlice.png);*/
    height: 49px; /*7.25vh;*/
    /*min-height:49px;*/
    
    background: -webkit-gradient(linear, left top, left bottom, from(#8D94A3), to(#393E46));
    background: -moz-linear-gradient(top, #8D94A3, #393E46);
    background: linear-gradient(#8D94A3, #393E46);
    background-image: -ms-linear-gradient(rgb(141, 148, 163) 0%, rgb(57, 62, 70) 100%);    
}

@media (orientation: portrait)
{
    #header2
    {
        height:49px;
    }
}

#headerMenu
{
    /*margin-left:150px;*/   
    height:100%; 
    position:relative;
}

.headerMenuContents
{
  /*display:inline-block;
  width:87%;*/
    /*padding-top:3px;*/
  /*position:relative;
  left:13%;*/
  
    position:absolute;
    left:138px;  
    right:0px;
    top:50%;
    
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);    
}

.header-menu-left
{
    display:inline-block;
    width: 450px;/*350px;  /*80%;*/
    padding-top:8px;
    margin-left:10px;
}

.header-menu-left-items
{
    width: 100px; /*15%;*/
    text-align:center;
    vertical-align:middle;
    display:inline-block;
}

.menu-separator-line
{
   vertical-align:middle;
   display:inline-block; 
   height:30px;
}

.header-menu-right
{
    display:inline-block;
    /*width:10%;*/ 
    float:right; 
    height:49px;
    margin-right:15px;
}

.header-menu-right-icons
{
	width:36px;
	height:36px;
}

#headerMenu table
{
   width:100%;
   padding:0px;
   margin:auto 0px;
   border-collapse:collapse;
   text-align:center;
}

#headerMenu img
{
  display:inline-block;
  margin:auto 0px;
}

#headerMenu td
{
   text-align:center;
   vertical-align:middle;
}

#headerMenu a
{
	text-decoration:none;
	color:inherit;
}

.FaceBookIcon 
{
    float:right; vertical-align:middle; padding-top:7px;
}

.TwitterIcon 
{
	float:left; vertical-align:middle; padding-top:5px;
}

.MenuSpacer
{
	background-image:url(../Images/MenuSpacer.png);
	width:10px;
	height:41px;
	background-repeat:no-repeat;
	vertical-align:top;
	padding:0px;
	margin:0px;
}

.SplitLine
{
	background: #CCCCCC;
	width:1px;
	
	opacity:0.35;
	
	-webkit-box-shadow: 0px 0px 3px 2px #353535;
	-moz-box-shadow:    0px 0px 3px 2px #353535;
	box-shadow:         0px 0px 3px 2px #353535; 
}

#content, #LandingContent
{
    position: relative; /*absolute;*/
    float: right; /*left;*/
    /*left: 158px;*/ /*1.8%;*/
    /*right:0px;*/
    /*width: 83.85%;*/
    
    /*margin-left:6px;*/
    display:inline-block;
    /*z-index:50;*/       
}

/*#LandingContent
{
    /*width:831px;*/
    /*width:83.7%;*/
    /*float:right;*/
    /*margin-left:14px;
    
    display:inline-block;
    /*vertical-align:top;
    position: relative; /*absolute;
    /*left: 1.8%;
    right: 30px;
    /*z-index:50;
}*/

#footer
{
    height:69px;
    clear: both; 
    text-align: center;    
    position:relative;
    
    background: -webkit-gradient(linear, left top, left bottom, from(#8D94A3), color-stop(0.75, #252B36), to(#252B36));
    background: -moz-linear-gradient(top, #8D94A3, #252B36 75%, #252B36);
    background: linear-gradient(#8D94A3, #252B36 75%, #252B36);
    background-image: -ms-linear-gradient(#8D94A3, #252B36 75%, #252B36);
}
.footerLeftPartContent{
    width: 159px; /*16.298%;*/
    height:100%;
    float:left;
}

.footerRightPartContent{
    /*width: 83.702%;*/
    height:100%;
    /*float:right;*/
    position:absolute;
    left:159px;
    right:0px;
}
#footer table
{
	margin:0 auto;
	padding-bottom:5px;
	width:45%;
}

.footer-top
{
	height:50%
}

.footer-links
{
	padding-top:5px;
	padding-left:20px;
	padding-right:24px;
	display:inline-block;
	font-size:16px;
	
}

.footer-bottom
{
	height:50%;
	padding-right :13px;
}

.quillImageContainer{
    /*width: 16%;*/
    float: left;
    margin-left: -87px; /*-100px;*/
    margin-top: -8px;
    /*position: relative;*/
}

.footerTextContainer{
    width:84%;
}
#footerQuill
{
    /*background-image:url(../Images/Quill.png);*/
    width:165px;
    height:136px;
    float:left;
    position:relative;
    margin-top:-78px;
    z-index:51;
    /*margin-left:70px;*/
}

/* LEFT BANNER BEGIN
----------------------------------------------------------*/
#leftColumn
{
    /*background-image:url(../Images/bookmarkback.png);*/
    float: left;
    width: 147px;/*14%;*/ 
    /*height:429px;*/
    height: 64vh; /*auto;*/
    min-height:433px;
    /*margin-left:5px;*/
    display:inline-block;
    vertical-align:top;
    position:relative;    
    margin-left: 5px; /*0.498%;*/  
    /*border: 2px solid red;*/
}

@media (orientation:portrait)
{
    #leftColumn
    {
        height:433px;
    }
}

.user-left-column
{
    min-height: 450px !important;
}

#LeftOuter
{   
    background-color:#E2E1DB;
    width: 138px; /*100%;*/ 
    height:100%;
    display:inline-block;
    
    -moz-box-shadow: 4px 5px 5px 0px #4F4F4F;
    -webkit-box-shadow: 4px 5px 5px 0px #4F4F4F;
    box-shadow: 4px 5px 5px 0px #4F4F4F;
}      

.user-left-outer
{
    height: 109% !important;
}     

#leftInner
{
    /*background-image:url(../Images/WhiteBookMark.png);*/
    background-color:White;
    float: left;
    width: 104px; /*78%;*/
    height:102%;
    /*height:483px;*/ 
    margin-left:17px;  
    /*margin:0 auto;*/
    border-left: 1px solid #929292;
}

/*.LeftBannerBottomTriangle  
{
    /*margin-left:18px;
    margin-top:-5.99px;
    position:relative;    
    
    width: 0;
    height: 0;    
    border-top: 37px solid white;
    border-left: 52.5px solid transparent;
    border-right: 52px solid transparent;
}*/

.LeftBannerBottomTriangle  
{
    position: relative;
    width:121%;
    height: 0;
    padding-left:51%;
    padding-top: 35%; /*18%;*/
    margin-left:-102px;    
    overflow: hidden;
    /*margin-top: -1px;*/

    /*margin-top: -70.5px;*/
}

.LeftBannerBottomTriangle  div{
     width: 0; 
    height: 0;
    margin-left:-399px;
    margin-top:-424px;
     
    border-left: 500px solid transparent;
    border-right: 500px solid transparent;
    border-top: 420px solid White;
}

/*.UserLeftBannerTrianglePosition
{
	margin-top:-0.99px;    
}*/

.nohighlight  
{  
	outline:none;  
}

#TWM
{
    width: 129px; /* 100%; */
    height:192px;
    margin-top:-82px;
    margin-left:-8px;

    /*height: 43.45%;
    position: relative;
    top: -82px; /*-18.5%;*/
} 

/*.user-TWM
{
    height: 38.45% !important;
    top: -16.3% !important;
}*/

/*#LeftBanner_imgBookmarkTop , #UserLeftBanner_imgBookmarkTop
{
    width: 121.5%;
    height: 111%;
    margin-top: -4px
}*/

/*#UserLeftBanner_imgBookmarkTop
{
    width: 117%;
    height: 111%;
    margin-top: -4px
}*/

/*#LeftMenu table a
{
	text-decoration:none;
	text-align:center;
	color:#000000;
}*/

#LeftMenu
{
    /*height:48vh;*/
    /*position: relative;
    top: -81px;*/ /*-18%;*/
}

.user-leftmenu
{
    top: -16% !important;
}

#LeftMenu div a
{
	text-decoration:none;
	text-align:center;
	color:#000000;
}

/*#LeftMenu table td
{
	text-decoration:none;
	text-align:center;
}*/

#LeftMenu div
{
    text-decoration:none;
    text-align:center;    
    display:block;
    width:98%;
    margin:0 auto;
}

.left-menu-top-div
{
	/*height:21px;*/
	padding-top:6px;
	padding-bottom:6px;
	font-size:0px; /* Font size for div tags containing images. The div tags are set to a height due to font-size applied by default (not known where). */
}

#LeftMenu .gift-subscriptions
{
    border: 3px solid rgb(226, 53, 53);
    margin: 2px;
    width: 92%;
    
    -webkit-border-radius: 12px;
    border-radius: 12px;

    background-image: -moz-linear-gradient(rgb(255, 255, 255), rgb(240, 240, 240));
    background-image: -webkit-linear-gradient(rgb(255, 255, 255), rgb(240, 240, 240));
    background-image: linear-gradient(rgb(255, 255, 255), rgb(240, 240, 240));
}

#LeftMenu table
{
	margin:0 auto;
}

#LeftMenu a
{
	font-family:Goudy Old Style;
	font-weight:bold;
	font-size:13px;
}

#LeftMenu img
{
	border:0px;     
}

.LeftMenuSeperator
{
	background-image:url(../Images/LeftMenuSeperator.png);
	width:51px;
	height:7px;
}

.LeftColoumn
{
    background-image:url(../Images/bookmarkback.png);
    float: left;
    /*width:147px;*/
    width:15%;
    height:429px;
    margin-left:5px;
}

#LeftBannerBottomDiv
{
	background-position: left;
	/*background-image: url(../Images/Bookmark1.png); */
	margin: -17px; 
	width: 145px;
	background-repeat: repeat-y
}

#LeftBannerHelpHeading
{
    /*background-image: url(../Images/helptagbg.png); */
    background-color:#E2E1DB;
    /*margin-left: 17px;*/
    width: 104px; 
    height: 50px;
}

#UserLeftBannerHelpHeading
{
	/*background-image: url(../Images/helptagbg.png);*/
	background-color:#E2E1DB;
}

#leftbanner-span-letus
{
	text-indent: -55px; 
	position: relative; 
	display: block; 
	height: 30px;
	font-family: Times New Roman; 
	font-size: 14px; 
	font-weight: bold; 
	color: #666666;
	position: relative; 
	top: 5px
}

#leftbanner-span-help
{
	text-indent: -10px; 
	display: block;
	height: 30px; 
	font-family: Times New Roman; 
	font-size: x-large; 
	font-weight: bold;
	color: #666666; 
	position: relative; 
	top: -12px
}

#user-leftbanner-span-welcome
{
	text-indent: -35px; 
	position: relative; 
	display: block; 
	height: 30px;
	font-family: Times New Roman; 
	font-size: 14px; 
	font-weight: bold; 
	color: #666666;
	top: 5px;
}

#user-leftbanner-span-firstname
{
	text-indent: 1px; 
	display: block;
	height: 24px; 
	font-family: Times New Roman; 
	font-size: 24px; 
	font-weight: bold;
	color: #666666; 
	position: relative; 
	top: -12px
}

.leftbanner-bottom-triangle
{
	margin-left: 1px;
	width:104px;
}

/* SLIDING PANEL BEGIN
----------------------------------------------------------*/

#SlidingPanel
{
    /*background-image:url(../Images/JS.png);*/
    width: 100%; /*838px;*/
    /*height:346px;*/
    height: 48vh; /*51vh;*/ /*318px; */ /* Setting this height upto the div reaches number panel. 
                     A background color is also applied to this div to hide the 
                     flower background that appears in the gap around sliders */

    min-height:325px;

    background-color:#E8E0CD;
    position: relative; /*absolute;*/
    margin-top:2px;
    padding:0px;
    opacity:0.97;
    /*z-index: 120;*/
    z-index:1;
}

@media (orientation:portrait)
{
    #SlidingPanel
    {
        height:325px;
    }
}

#NumberPanel
{
    /*margin-top:320px;   */
    margin-bottom:0px;
    /*background-image:url(../Images/MidSlice.png);*/
    width: 100%; /*838px;*/
    height:60px;
    padding:0px; 
    opacity:0.93;       
    
    background: -webkit-gradient(linear, left top, left bottom, from(#8D93A1), to(#1E2128));
    background: -moz-linear-gradient(top, #8D93A1, #1E2128);
    background: linear-gradient( #8D93A1, #1E2128);
    background-image: -ms-linear-gradient(rgb(141, 148, 163) 0%, rgb(57, 62, 70) 100%);    
}

#CommentsPanel
{
    /*float:right; 
    width:550px; */
    height:48px; 
    /*margin-top:10px;  
    margin-right:15px;*/

    position: relative;
    left: 35%;
    top: 10px;
    width: 66%;
}
/*anything window is common to both sliding panel and comments slider 
    Increasing the size of of this CSS class is affecting the sliding panel so
    changing the width basing on its parent container */
#CommentsPanel .anythingWindow{
    width:490px !important;
}

#NumberPanelSplitter
{
    margin-top:0px;
    width:1px;
    height:47px;
    display:inline;
    float:left;
    position:relative;
    left: 35%; /*315px;*/
    top:7px;
}

#divComments
{
    /*width:540px;
    display:inline;*/
    display: block; /* inline-block;*/

    margin: 0 auto;  
    height:100%;
}

#commentsSlider
{
	height:45px; 
	width:490px; 
	display:none;
}

/*#commentslist
{
	position:relative; 
	top:6px; 
	stress:3px;    
}*/

.CommentsLabel
{
	text-align:center; 
	font-family:Goudy Old Style; 
	Color: White; 
	Font-Size:13px;
}

#JSLeft
{
    display:inline-block;
    width: 3%; /*4.2%; */
    height: 100%; /* 318px; */
    vertical-align:top;
    float:left;
    
    background-image: -ms-linear-gradient(rgb(141, 147, 161) 0%, rgb(30, 33, 40) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#8D93A1), to(#1E2128));
    background: -moz-linear-gradient(top, #8D93A1, #1E2128);
    background :linear-gradient( #8D93A1, #1E2128);
}

#JSMiddle
{
    display:inline-block; 
    width: 61%; /*55%*/
    height:100%;

    /*left: -0.35%;
    position: relative;*/
    float:left;
}

#JSMiddleTop
{
    height: 5%; /*15px; */
    width: 100%; /*110.5%; */
    /*margin-left:-5px;*/
    background-color:#8D93A1;    
}

#JSTop
{
    /*background-image:url(../Images/JSTop.png);*/
    background-repeat:no-repeat;
   /* width:574px;
    height:340px;*/

    /*position:absolute;*/    
    /*margin-left:-24px;*/
   /* margin-left:-63px;*/
    /*margin-top:-10px;*/
    /*margin-top:-25px;*/
    z-index:1;

    position: relative;
    /*height: 325px;*/
    background-color: white;
    top: 1%;
    width: 99%;
    /*left: 0.4%;*/
    margin: 0 auto;
    height: 94%;
    
    box-shadow: 0px 5px 24px 4px rgb(48, 46, 46);
    -webkit-box-shadow: 0px 5px 24px 4px rgb(48, 46, 46);
    -moz-box-shadow: 0px 5px 24px 4px rgb(48, 46, 46);
    border-radius:1px; /* Workaround for shadow not displayed on iOS7+ Safari */
}

#JSTopInner
{
     /*background-image:url(../Images/JSTopInner.png);*/
    background-repeat:no-repeat;
    /*width:549px;*/
    height:315px;
    /*position:relative;*/
    /*position:absolute;*/
    /*margin-left:10px;
    margin-top:14px;*/
    text-align:left;

    position: relative;
    background-size: 100% 100%;
    /*left: 0.2%;*/
    margin:0 auto;
    height: 97.5%;
    top: 1%;
    width: 98.8%;
    border: 1px solid rgb(144, 144, 144);
    border-radius:1px;
}

#JSRight
{
    display:inline-block; 
    width: 36%; /*35.5%; */
    height: 100%; /* 318px; */
    float: left; /*right;*/
    
    background-image: -ms-linear-gradient(rgb(141, 147, 161) 0%, rgb(30, 33, 40) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#8D93A1), to(#1E2128));
    background: -moz-linear-gradient(top, #8D93A1, #1E2128);
    background :linear-gradient( #8D93A1, #1E2128);
}

#JSLeftTriangle
{
    /*width: 0; 
    height: 0; 
    border-top: 32px solid #1E2128; 
    border-left: 35px solid transparent;
    margin-top:-17px;*/
    
    overflow: hidden;
    padding-top: 4.5%;
    padding-left: 2.999%;
    float:left;
}

#JSLeftTriangle div
{
    width: 0; 
    height: 0; 
    border-top: 168px solid #20232A; 
    border-left: 230px solid transparent;
    margin-top:-186px;
    margin-left: -230px;    
}

#SpiceLogo
{
    background-image:url(../Images/SpiceLogo.png);
    /*width:196px;
    height:159px;*/
    padding:0px;
    position:absolute;
    /*margin-left:-7px;   
    margin-top:-2px;*/
    z-index:1;

    width: 23%;
    background-repeat: no-repeat;
    height: 70%;
    background-size: 100% auto;
    left: 0.5%;
    top: 1%;
}

/*#Sliders
{
    width: 534px; /*500px; 
    height: 307px; /*295px;
    margin-left:18px;
    margin-top: 7px; /*23px;
    position:absolute;
    padding-top:5px;    
    display:none;
}*/

#Sliders
{
    height: 103.5%; /*100%;*/
    position:relative;
    top: -1.8%;
    display:none;
}

#Sliders-Preloader
{
    position: absolute;
    /*left: 263px;
    top: 148px;*/

    left: 50%;
    top: 46%;
    
    -moz-transform:translate(-50%);
    -webkit-transform:translate(-50%);
    transform:translate(-50%);
}

.Arrow
{
	background-image:url(../Images/Arrow.gif);
	width:8px;
	height:5px;
}

.indent-text-sliders
{
	text-indent:10px;
}

.GeneralSlider
{
    width:97% !important;
}

.sliders-about-spice-main-header
{
    width:90%;
    margin:17px 0px 0px auto;    
}

#divGeneral
{
	width:80%;
	margin:0px 0px 0px auto;
	border-collapse:separate;
}

#divGeneral div
{
	padding:4px;
}

.slider-arrow-column
{
	display:inline-block;
	width: 2%;   
	padding:0 !important;
}

.slider-column-after-arrow
{
	display:inline-block;
	width: 92%;
	padding:0 !important;
	vertical-align:top;
}

.slider-text-indent
{
	text-indent:10px;
}

#divTrySpice
{
	border-collapse: collapse; 
	padding: 4px; 
	margin-left: 100px; 
	width: 75%;
	text-indent: 30px;   
}

#divTrySpice div
{
	padding:3px;
}

.tryspice-tickmark
{
	display:inline;
	height:40px;
	position:absolute; 
	margin-right:0px;    
}

#divFreeTrialButton
{
	position:absolute;
	margin-right:0px;
}

#ProfessionalSlider table
{
	margin:0px 0px 0px auto;
	padding:0px;
	width:80%;
	border-collapse:collapse;
}

#professionalDescription
{
    margin: 5px 0px 0px 97px; /*0px 0px 0px auto;*/
    /*padding:0px;*/
    padding-right: 9px;
    width: 76%; /* 81%;*/ /*79%;*/ /*81.7%;*/
    border-collapse:collapse;
}

#ProfessionalSlider td
{
	padding:0.5px;
}

#ProfessionalMainContent td
{
	padding:1px;
}

#divAboutProfessional
{
	margin-top: 5px;
}

#divMacbookImage
{
   height:107px; 
   width:200px;
   display:inline-block;
   vertical-align:middle;
   padding:0px;
   z-index:-1;   
}

#divAboutProfessionalPoints
{
    display:inline-block;    
    width:55%;    
    vertical-align:middle;
    line-height:16px;
}

.about-professional , .about-google-play-subscription
{
   padding:2px 2px 2px 0px;
   width:96%;   
   background-color:White;
}

#MobileSlider table
{
	margin:0px 0px 0px auto;
	padding:0px;
	width:80%;
	border-collapse:collapse;
}

#MobileSlider td
{
	padding:0px;
}

#MobileMainContent
{
    width: 80%; /*81.7%;*/
    border-collapse: collapse;
    margin: 24px 0px 0px auto;  /*0px 0px 0px auto;*/   
    padding-right: 4px; 
}

#MobileMainContent div
{
	background-color:White;
}

#MobileMainContent td
{
	padding:1px;
}

.slider-mobile-features
{
	padding: 10px 0px 10px 0px;
}

#divMobileImage
{
   display:inline-block;
   vertical-align:top;
   padding:0px;
   width:183px;
   height:125px;   
}

#divMobileImage img
{
	width:183px;
	height:125px;
}

.spiceMobileFreeTrialBtn
{
	display:none;
    padding-right: 12px;
}

#BookSlider table
{
	margin:0px 0px 0px auto;
	padding:0px;
	width:80%;    
}

#SellPhrasesSlider table
{
	margin:0px 0px 0px auto;
	padding:0px;
	border-collapse:collapse;
	width:80%;
}

#free-trial-container
{
    position: absolute;
    top: 70%;
    left: -6%;
}

#free-trial-container a
{
    display: inline-block;
}

.GeneralFreeTrial
{
    position:relative;
    /*background-image:url(../Images/FreeTrial.png);*/
    width:89px;
    height:92px;
    /*margin-top:-100px;
    margin-left:-10px;
    top:-120px;
    left:-289px;*/    
}

#GeneralFreeTrialButton
{
   position:relative;
   margin-top:-50px;
   margin-left:200px;
}

#GeneralFreeTrialButton img
{
   background-image:url(../Images/FreeTrialBtn.png);
   width:82px;
   height:26px;
}

/*#divPostHeader*/
.divPostHeader
{
    text-align:center;
    padding-top: 84px; /*60px;*/
}

/*#divPostLine*/
.divPostLine
{
    text-align: center; 
    padding-top: 10px;
}

/*#divPostLink*/
.divPostLink
{
    text-align: center; 
    padding-top: 10px;
}

.hyperPostLink
{
    color:Blue;
    text-decoration:underline;
}

.slide-common-height
{
    height:299px !important;
}

/*  -- Slide - Gift Subscriptions 50% discount --
    ***'JSP' stands for 'JavaScript Panel'
*/

.JSP-GiftSubscriptions-SeasonalOff
{
    position:relative;
}

.JSP-GiftSubscriptions-SeasonalOff .gift-ribbon
{
    position:absolute;
    top:0px;
    right:5px;
    z-index:0;
    width:143px;
    height:100%;
    /*height:305px;*/
}

.JSP-GiftSubscriptions-SeasonalOff .ad-content
{
    height:305px;
    position:relative;
    top:50%;

    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.JSP-GiftSubscriptions-SeasonalOff .row1
{
    height:38%;
    padding-top:10px;
}

.JSP-GiftSubscriptions-SeasonalOff .discount-details
{
    width:67%;
    margin:0 auto;
    position: relative;
    top: 50%;
    
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.JSP-GiftSubscriptions-SeasonalOff .discount-details .column1
{
    font-size: 2.48em;
    line-height:37px;
    font-weight:bold;
    width:112px;
    display:inline-block;
    color: rgb(54, 54, 54);
    
    text-align: right;        
}

.JSP-GiftSubscriptions-SeasonalOff .discount-details .column2
{
    font-size:86px;
    position:relative;
    color: rgb(197, 0, 0);
}

.JSP-GiftSubscriptions-SeasonalOff .discount-details sup
{
    font-size: 43px;
}

.JSP-GiftSubscriptions-SeasonalOff .discount-details sub
{
    font-size: 32px;
    position:absolute;
    left:93px;
    top:50px;
}

.JSP-GiftSubscriptions-SeasonalOff .row2
{
    height:44%;
    position:relative;
    z-index:1;
}

.JSP-GiftSubscriptions-SeasonalOff .row2 span
{
    text-align:center;
    font-size:20px;
    font-weight:bold;
    padding: 0 0 10px 0;
    color: rgb(48, 48, 48);
}

.JSP-GiftSubscriptions-SeasonalOff .row2 .mobile
{
    display: none;
    width:218px;
    margin-left:22px;
    float:left;
}

.JSP-GiftSubscriptions-SeasonalOff .row2 .mobile img
{
    height:130px;   
    margin:0 auto;
    display:block; 
}

.JSP-GiftSubscriptions-SeasonalOff .row2 .split-line
{
    width:1px;
    height:122px;
    background-color:gray;
    float:left;
    display:none;
}

.JSP-GiftSubscriptions-SeasonalOff .row2 .desktop
{
    display: block;
	margin-left:auto;
	margin-right:auto;
    width: 232px;
}

.JSP-GiftSubscriptions-SeasonalOff .row2 .desktop img
{
    display: block;
    margin: 0 auto 0 auto;
}

.JSP-GiftSubscriptions-SeasonalOff .row3 {
	height: 15%;
	position: relative;
	z-index: 1;
}

.JSP-GiftSubscriptions-SeasonalOff .row3 .spiceGiveNowBtn {
	display: block;
	margin: 16px 2px 0px 0px;	
	width: 155px;
	float:right;
}
/*------------------------------------------------------*/

.writerswin-post-header
{
    text-align:center;
    padding-top: 84px;/*60px;*/
    padding-left:50px;
    width:85%;
}

.writerswin-post-title
{
    text-align: center; 
    padding-top: 10px;
    padding-left: 29px;
    width:89%;
}

.writerswin-post-link
{
    text-align: center; 
    padding-top: 10px;
    padding-left:25px;
}

.writerswin-hyperlink-text
{
    color:Blue;
    text-decoration:underline;
}


.techcocktail-post-header
{
    text-align:center;
    padding-top:85px;
    padding-left:52px;
}

.techcocktail-post-title
{
    text-align: center;
    padding-top: 3px;
    padding-left: 268px;    
}

.techcocktail-post-link
{
    text-align: center; 
    padding-top: 10px;
    padding-left:35px;
}

.techcocktail-span-text
{
    font-family:Times New Roman;
    font-style:italic;
    color:#847C6F;
    
}
.techcocktail-hyperlink-text
{
    color:Blue;
    text-decoration:underline;
}

#GoogleInAppPurchaseDescription {
	margin: 5px 0px 0px 65px;	
	width: 80%; 	
}


#divGoogleInAppPurchaseSteps {
	margin-top: 5px;
	margin-left:16px;
	display: inline-block;
	width: 47%;
}

#divGoogleInAppPurchaseImage {
	height: 191px;
	width: 230px;
	display: inline-block;
	vertical-align: middle;
	padding: 0px;
	z-index: -1;
	margin-top: 5px;
	box-shadow: 0px 3px 4px 2px #4f4f4f85;
}

.imgGooglePlaySubscription {
	height: 100%;
	width: 100%;
}

#divGoogleInAppPurchasePoints {
	display: inline-block;
	vertical-align: middle;
	margin-top: 10px;
}

/* TAKE TOUR VIDEO BEGIN   
----------------------------------------------------------*/

#Video
{
    /*background-image:url(../Images/Video.png);
    width:230px;
    height:232px;*/
    
    width: 75%;
    height: 75%;
    /*height: 18vw; /*62%;*/   

    top: 50%; /*35px;*/
    /*margin-left:565px;*/    
    margin: 0 auto; /*35px 0px 0px 35px;*/
    
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    
    position: relative;    
}

#VideoControlBG
{
    background:#BABCC1;
    width: 100%;
    height: 92%; /*190px;*/
    
    /*padding-top:30px;*/
        
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;       
    
    box-shadow: 0px 4px 5px 0px #141414;
    -webkit-box-shadow: 0px 4px 5px 0px #141414;
    -moz-box-shadow: 0px 4px 5px 0px #141414;    

     min-width:225px;
}

#VideoControl
{
    width: 95%;
    height:80%;
    position: relative;
    top: 16%;
	left: 2%;
}

/* Following is the workaround for IE10+. The span tag appears in IE only. */
#VideoControl span
{
    display:block !important; 
    height: 100%;
}

#VideoControl object
{
    width: 100%;
    height: 100%;
    
    min-width: 209px;
    min-height: 180px;
}

#VideoControl a
{
    width: 100%;
    height: 100%;
    display: block;
}

#VideoControl img
{
    width: 99%;
    height: 96%;
}

Video
{
	display:block;
	margin:0 auto;
	width:215px;
	height:180px;
	padding-top:25px;
}

#TakeTour
{
	/*background-image:url(../Images/TakeTour.png);*/
	width:211px;
	height:144px;
	position:relative;
	top:-195px;
	left:-38px;
}

#TakeATourButton
{   
    /*position: absolute;
    right: 5%;
    bottom: 8%;*/

    float: right;
    padding-top: 15px;
}

.video-container {
	width: 810px;
	height: 400px;
	margin: 1em auto;
}

.video-title {
	float: left;
	display: inline;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 2px 4px;
	font-family: sans-serif;
    color:#6BAAB1;
    margin-left:28px;
}

#videoMenu {
	float: right;
	padding: 0;
	padding-right: 4px;
	margin: 0;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	list-style-type: none;
}

  #videoMenu li {
	display: inline;
  }

  #videoMenu li input {
	min-width: 50px;
	height: 30px;
	padding: 0.2em 1em;
	background: #ddd;
	color: #4d4d4d;
	text-decoration: none;
	float: left;
	border: 1px solid #fff;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	cursor: pointer;
    margin-top:11px;
  }

  #videoMenu li input.active {
	background: #1a1a1a;
	color: #fff;
	border-bottom: 1px solid #AD3C79;
    margin-top:11px;
  }

  .tab-button {
	background: #ddd;
  }

  #videoMenu li input:hover {
	background: #1a1a1a;
	color: #fff;
  }

  .video-js {
	width: 66.8% !important;
	height: 100% !important;
	float: left;
    min-width:510px !important;
  }

  .player-container {
	clear: both;
	width: 99%;
	height: 75%;
	position: relative;
    left:1%;
  }

@media (orientation: portrait)
{
    .player-container {
        max-width:768px;
    }
}
@media (orientation: portrait)
{
    .video-js {
        width: 65.8% !important;
    }
}

@media (orientation : landscape)
{
     .video-js {
        width: 65.8% !important;
    }
}

@media (orientation: portrait)
{
    .vjs-playlist-new {
        width:32.7% !important;
    }
}


.videoplayer{
	width:98%;
	height:98%;  
}

.vjs-playlist-new {
    width: 32.7%;
    height: 93.6%;
    padding-left: 0px !important;
    padding-right: 0px !important;
    min-width: 258px !important;
}

 .vjs-playlist-new {
    list-style-type: none;
    overflow: auto;
    position: relative
  }

  .vjs-playlist-new .vjs-playlist-item {
    cursor: pointer;
    overflow: hidden;
    position: relative
  }

  .vjs-playlist-new .vjs-playlist-thumbnail {
    background-color: #a6a6a6;
    display: block;
    float: left
  }

  .vjs-playlist-new .vjs-playlist-thumbnail:before {
    display: block;
    position: absolute;
    background-color: rgba(26, 26, 26, .5);
    text-align: center
  }

  .vjs-playlist-new img {
    width: 100%;
    height: 100%
  }

  .vjs-playlist-new .vjs-playlist-duration {
    background-color: rgba(26, 26, 26, .8);
    left: 0;
    padding: 2px 8px;
    position: absolute;
    top: 0
  }

  .vjs-playlist-new .vjs-selected .vjs-playlist-duration {
    display: none
  }

  .vjs-playlist-new cite {
    display: block;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .vjs-playlist-new .vjs-playlist-description {
    color: #a6a6a6;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    white-space: nowrap
  }

  .vjs-playlist-new.vjs-ad-playing {
    overflow: hidden
  }

  .vjs-playlist-new.vjs-ad-playing.vjs-csspointerevents {
    pointer-events: none;
    overflow: auto
  }

  .vjs-playlist-new.vjs-ad-playing .vjs-playlist-ad-overlay {
    display: none
  }

  .vjs-playlist-new.vjs-ad-playing .vjs-playlist-ad-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1a1a1a;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    background-color: rgba(0, 0, 0, .5)
  }

  .vjs-playlist-new {
    font-size: 14px;
    min-width: 238px;
    background-color: #1a1a1a;
    color: #fff;
    padding: 14px 14px 0 14px
  }

  .vjs-playlist-new .vjs-playlist-item {
    height: 56px;
    margin-bottom: 14px
  }

  .vjs-playlist-new .vjs-playlist-thumbnail {
    height: 56px;
    font-size: 11px;
    margin-right: 14px;
    width: 100px
  }

  .vjs-playlist-new .vjs-selected .vjs-playlist-thumbnail:before {
    height: 56px;
    line-height: 56px;
    width: 100px
  }

  .vjs-playlist-new time {
    font-size: 11px
  }

  .vjs-playlist-new cite {
    height: 14px;
    line-height: 14px
  }

  .vjs-playlist-new .vjs-playlist-description {
    height: 42px;
    line-height: 21px
  }

  .vjs-mouse.vjs-playlist-new {
    font-size: 17px;
    min-width: 289px;
    background-color: #1a1a1a;
    color: #fff;
    padding: 17px 17px 0 17px
  }

  .vjs-mouse.vjs-playlist-new .vjs-playlist-item {
    height: 68px;
    margin-bottom: 17px
  }

  .vjs-mouse.vjs-playlist-new .vjs-playlist-thumbnail {
    height: 68px;
    font-size: 13px;
    margin-right: 17px;
    width: 121px
  }

  .vjs-mouse.vjs-playlist-new .vjs-selected .vjs-playlist-thumbnail:before {
    height: 68px;
    line-height: 68px;
    width: 121px
  }

  .vjs-mouse.vjs-playlist-new time {
    font-size: 13px
  }

  .vjs-mouse.vjs-playlist-new cite {
    height: 17px;
    line-height: 17px
  }

  .vjs-mouse.vjs-playlist-new .vjs-playlist-description {
    height: 51px;
    line-height: 26px
  }

  .vjs-mouse.vjs-playlist-new .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,
  .vjs-mouse.vjs-playlist-new .vjs-playlist-item:hover .vjs-playlist-thumbnail:before {
    border-radius: 5px;
    font-family: VideoJS !important;
    height: 34px;
    left: 40.5px;
    line-height: 34px;
    top: 17px;
    width: 40px
  }

  .vjs-playlist-now-playing:before {
    content: 'Now Playing';
    top: 0;
    left: 0
  }

  .vjs-playlist-new {
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
  }

  .bc-iframe .vjs-playlist-enabled {
    width: 70%
  }

  .bc-iframe .vjs-playlist-enabled.vjs-fullscreen {
    width: 100%!important
  }

  .bc-iframe .vjs-playlist-new {
    position: absolute;
    box-sizing: border-box;
    right: 0;
    top: 0;
    margin: 0;
    width: 30%;
    height: 100%;
    min-width: 0
  }

  @media (max-width:640px) {
    .bc-iframe .vjs-playlist-enabled {
      width: 100%
    }
    .bc-iframe .vjs-playlist-new {
      display: none
    }
  }

  .vjs-icon-placeholder
  {
    font-family: VideoJS !important;
  }
  .vjs-control-bar
  {
      z-index:52;
  }

/* HOME PAGE  
----------------------------------------------------------*/

#HomeProducts
{
	background-image:url(../Images/ContainerHeader.png);
	background-repeat:no-repeat;
	width:835px;
	height:55px;
	left:-40px;
	/*padding:5px auto;*/
}

#HeaderWithQuill
{
	background-image:url(../Images/HeaderWithQuill.png);
	background-repeat:no-repeat;
	width:830px;
	height:75px;
}
.center 
{ display: block;  
  margin-left: auto;   
  margin-right: auto; 
}

/* FONTS  
----------------------------------------------------------*/

.AdobeArabicBold
{
	font-family:AdobeArabic;
	font-weight:bold;
}

.AparajitaItalic
{
	font-family:Aparajita;
	font-weight:normal;
	font-style:italic;
}

.ArialRegular
{
	font-family:Arial;
	font-weight:normal;
}

.ArialBold
{
	font-family:Arial;
	font-weight:bold;
}

.BerlinSansFBRegular
{
	font-family:Berlin Sans FB;
	font-weight:normal;
}

.GoudyOldStyleBold
{
	font-family:Goudy Old Style;
	font-weight:bold;
}

.GoudyOldStyleRegular
{
	font-family:Goudy Old Style;
	font-weight:normal;
}

.TimesNewRomanRegular
{
	font-family:Times New Roman;
	font-weight:normal;
}

.TimesNewRomanBold
{
	font-family:Times New Roman;
	font-weight:bold;
}

.MyraidProRegular
{
	font-family: Myraid Pro;
	font-weight: normal;
}

/* FONT STYLES
----------------------------------------------------------*/
.boldtext
{
	font-weight:bold;
}

.italictext
{
	font-style:italic;
}

.underlinetext
{
	text-decoration: underline;
}

/* FONT SIZE
----------------------------------------------------------*/
.px11
{
	font-size:11px;
}

.px12
{
	font-size: 12px;
}

.px13
{
	font-size:13px;
}

.px14
{
	font-size:14px;
}

.px15
{
	font-size:15px;
}

.px16
{
	font-size:16px;
}

.px18
{
    /*font-size:18px;*/
    font-size: 1.125em;
}

.px20
{
	font-size:20px;
}

.px22
{
	font-size:22px;
}

.px23
{
	font-size:23px;
}

.px24
{
	font-size:24px;
}

.px26
{
	font-size:26px;
}

.px28
{
	font-size:28px;
}

.px30
{
	font-size:30px;
}

.px34
{
    /*font-size:34px;*/
    font-size: 2.125em;
}

/* FONT COLORS
----------------------------------------------------------*/
.CFFFFFF
{
	color:#FFFFFF;
}

.CA59E8B
{
	color:#A59E8B;
}

.C3F3826
{
	color:#3F3826;
}

.C4A350E
{
	color:#4A350E;
}

.C555555
{
	color:#555555;
}

.C666666
{
	color:#666666;
}

.C6D583F
{
	color:#6D583F
}

.C63645F
{
	color:#63645F;
}

.C887D67
{
	color:#887D67;
}

.C847C6F
{
	color:#847C6F;
}
.C857152
{
	color:#857152;
}
.C8E7860
{
	color:#8E7860;
}
.C7C7264
{
	color:#7C7264;
}
.C584B3B
{
	color:#584B3B;
}
.C2E1204
{
	color:#2E1204;
}
.C361200
{
	color:#361200;
}
.C000536
{
	color:#000536;
}
.CFF0000
{
	color:#FF0000;
}

/* FORM CONTROLS  - BEGIN
----------------------------------------------------------*/
input[type=text]
{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	width:150px;
}

input[type=password]
{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	width:150px;
}

.btn, input[type=submit]
{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	color: #fff;	
	/*border:1px solid #003366;*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(#6C89A7), to(#003366) );*/
	background-color: #022E59;
	
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.6)), color-stop(0.35, rgba(255, 255, 255, 0.3)), color-stop(0.51, rgba(255, 255, 255, 0.0)), to(rgba(255, 255, 255, 0.0))); /* Chrome,Safari4+ */
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.0) 100%); /* FF3.6+ */
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.0) 100%); /* Opera11.10+ */
	background-image: linear-gradient( rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.0) 100%); /* W3C */
	
	/*background-image: -ms-linear-gradient(rgb(108, 137, 167) 0%, rgb(0, 51, 102) 100%); /* > IE9 */
	background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.0) 100%);
	
	
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	font-family:Times New Roman;
	font-size:15px;
	
	padding:5px;
	
	border-color: #022E59;
	border-width:2px 1px 0px 1px;
	border-style:solid;
}

select
{
    width:195px;
	height:20px;
    font-family:Arial;
    font-size:12px;
    font-weight:normal;
}

/* FORM CONTROLS - END */

/* COMMON STYLES ACROSS WEBSITE - BEGIN */
.boxshadow
{
    /*box-shadow: 6px 0px 10px -7px #353535, -6px 0px 10px -7px #353535;
     -webkit-box-shadow: 6px 0px 10px -7px #353535, -6px 0px 10px -7px #353535;
    -moz-box-shadow: 6px 0px 10px -7px #353535, -6px 0px 10px -7px #353535;*/
    -moz-box-shadow: 0px 3px 10px 2px #4F4F4F;
    -webkit-box-shadow: 0px 3px 10px 2px #4F4F4F;
    box-shadow: 0px 3px 10px 2px #4F4F4F;

    border-radius: 1px; /* Workaround for shadow not displayed on iOS7+ Safari */
}

.common-page-bg-color
{
	background-color: #F2F2F2;
}

.close-Text-Button
{
	cursor: pointer;
	color: white;
	border: 1px solid #AEAEAE;
	/*font-size: 31px;*/
	font-size:25px;
	font-weight: bold;
	display: inline-block;
	line-height: 0px;
	padding: 9px 10px 1px 10px;
	/*padding-right: 10px;
	padding-left:10px;
	padding-bottom:1px;*/
	background-color: #6E77A0;
	/*position:relative;
	left:3px;*/
	height:9px;
	
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.6)), color-stop(0.50, rgba(255, 255, 255, 0.3)), color-stop(0.51, rgba(255, 255, 255, 0.0)), to(rgba(255, 255, 255, 0.0))); /* Chrome,Safari4+ */
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.0) 100%); /* FF3.6+ */
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.0) 100%); /* Opera11.10+ */
	background-image: linear-gradient( rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.0) 100%); /* W3C */
	
	/*background-image: -ms-linear-gradient(rgb(108, 137, 167) 0%, rgb(0, 51, 102) 100%); /* > IE9 */
	background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.0) 100%);
}


.close-text:before{
 content: "×";
}

.button-white
{
	border-style: none !important;
	border-color: inherit !important;
	border-width: 0px !important;
	color: #787878 !important;	
	/*border:1px solid #003366;*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(#6C89A7), to(#003366) );*/
	background-color: #E5E5E5 !important;
	
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.6)), color-stop(0.35, rgba(255, 255, 255, 0.3)), color-stop(0.51, rgba(255, 255, 255, 0.0)), to(rgba(255, 255, 255, 0.0))) !important; /* Chrome,Safari4+ */
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.0) 100%) !important; /* FF3.6+ */
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.0) 100%) !important; /* Opera11.10+ */
	background-image: linear-gradient( rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.0) 100%) !important; /* W3C */
	
	/*background-image: -ms-linear-gradient(rgb(108, 137, 167) 0%, rgb(0, 51, 102) 100%); /* > IE9 */
	background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.0) 100%) !important;
	
	
	-webkit-border-radius: 6px !important; 
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
	
	font-family:Times New Roman !important;
	font-size:12px !important;
	font-weight:bold !important;
	
	padding:2px 10px 2px 10px !important;    
	/*position:relative !important;
	bottom:9px !important;
	left:5px !important; */
	
	-moz-box-shadow:    0px 3px 3px 3px #4F4F4F !important;
	-webkit-box-shadow: 0px 3px 10px 2px #4F4F4F !important;
	box-shadow:         0px 0px 6px 0px #4F4F4F !important;  
}

.validators-forecolor
{
	color: Red;
}

.input-validation-error {
    border: 1px solid rgb(232, 0, 0) !important;    
}


/* COMMON STYLES ACROSS WEBSITE - END 
------------------------------------------------*/

/*
	AnythingSlider v1.7+ Default (base) theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID to match your slider */
#slider {
	width: 481px; /*482px;*/
	height: 100%; /*305px;*/ /*300px;*/
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;

    top: 50%; /*53%;*/
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#slider .btn
{
    margin-right:2px;
}

/*****************
  SET COLORS HERE
 *****************/
/**** Default state (no keyboard focus) ****/
/* slider window - top & bottom borders, default state */
div.anythingSlider .anythingWindow {
	border-top: 0px solid #777;
	border-bottom: 0px solid #777;
}
/* Navigation buttons, default state */
div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
	
}
/* start-stop button, stopped, default state */
div.anythingSlider .start-stop {
	background-color: #040;
	color: #fff;
}
/* start-stop button, playing, default state */
div.anythingSlider .start-stop.playing {
	background-color: #800;
}
/* start-stop button, default hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #ddd;
}

/**** Active State (slider has keyboard focus) ****/
/* slider window - top & bottom borders, active state */
div.anythingSlider.activeSlider .anythingWindow {
	border-color: #7C9127;
}
/* Navigation buttons, active state */

div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
	/*background-color: #7C9127;*/
}

/* start-stop button, stopped, active state */
div.anythingSlider .start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
div.anythingSlider .start-stop.playing {
	background-color: #d00;
}
/* start-stop button, active slider hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #fff;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
.anythingSlider
{
    width:100% !important;
    height:100% !important;
}

div.anythingSlider {
	display: block;
	/*margin: 0 auto;*/
	overflow: visible !important; /* needed for Opera and Safari */
	position: relative;
	/*padding: 0 45px 28px 45px;*/
}

div.activeSlider
{
    /*padding: 0 45px 28px 45px;*/
    margin: 0 auto;
}

/* anythingSlider viewport window */
.anythingWindow
{
    margin: 0 auto;    
}

div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 480px; /*100%;*/
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingBase {
	background: transparent;
	list-style: none;
	position: relative; /*absolute;*/
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
/* all panels inside the slider */
.anythingBase .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
    height:100% !important;
}
.anythingBase .panel.vertical {
	float: none;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 140px;
	/*margin: -50px 0 0 0; /* half height of image */
	width: 45px;
	text-align: center;
	outline: 0;
	background: url(../Images/Navigator.png) no-repeat;
}
/* hide text, target the span so IE7 doesn't text-indent the link */
div.anythingSlider .arrow a span { display: block; visibility: hidden; }
/* back arrow */
div.anythingSlider .back 
{ 
    /*left: -7px; */
    left: -45px;
    top: 31%;
}
div.anythingSlider .back a { background-position: left top; }

/* Hover Images */
/*div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -140px; }*/

div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */

/* forward arrow */
div.anythingSlider .forward 
{ 
    /*right: -4px; */
    right: -45px;
    top: 31%;
}

div.anythingSlider .forward a { background-position: right top; }

/*Hover Images
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -140px; } */

div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */

/* Navigation Links */ /*Change the below lines to modify the placement of numeric controls */
div.anythingSlider .anythingControls 
{ 
    outline: 0; 
    display: none; 

    display: block;
    top: 1px; /*18px;*/
    position: relative;
}
/*div.anythingSlider .anythingControls ul { margin:10px 0 0 15px; padding: 2px; float: left; }*/
div.anythingSlider .anythingControls ul 
{ 
    /*margin:0px 0 0 25px;*/
    margin:11px 0 0 25px;  
    padding: 5px; 
    float: left; 
}

div.anythingSlider .anythingControls ul li { display: inline; padding:2px;}

/*div.anythingSlider .anythingControls ul a.panel1 {
	display: inline-block;
	text-decoration: none;
	margin:0px;
	padding: 0px;
	width:26px;
	height: 26px;
	background-image: url(../Images/dactv1.png);
	background-repeat:no-repeat;
}*/

/*div.anythingSlider .anythingControls ul a.panel1, a.panel2, a.panel3, a.panel4, a.panel5 
{*/
div.anythingSlider .anythingControls ul a {
	display: inline-block;
	text-decoration: none;
	/*padding: 0px;	*/
	margin:2px;
	
	/*width:26px;
	height: 26px;*/
		
	/*background-image: url(../Images/dactv2.png);
	background-repeat:no-repeat;*/
	
	background: -webkit-gradient(linear, left top, left bottom, from(#EBEDF1), to(#7E8AA3));
	background: -moz-linear-gradient(top, #EBEDF1, #7E8AA3);
	background: linear-gradient(#EBEDF1, #7E8AA3);	
	background-image: -ms-linear-gradient(rgb(235,237,241) 0%, rgb(126,138,163) 100%);
	
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B78C79', endColorstr='#885D4A'); /* < IE 9 */
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	color:Black;
	/*text-align:center;*/
	padding:3px 8px 3px 7px;
	vertical-align:middle;
	font-weight: bold;
	
	font-size: 14px;
}

/*div.anythingSlider .anythingControls ul a.panel3 {
	display: inline-block;
	text-decoration: none;
	padding: 0px;
	width:26px;
	height: 26px;
	margin:0px;
	background-image: url(../Images/dactv3.png);
	background-repeat:no-repeat;
}

div.anythingSlider .anythingControls ul a.panel4 {
	display: inline-block;
	text-decoration: none;
	padding: 0px;
	width:26px;
	height: 26px;
	margin:0px;
	background-image: url(../Images/dactv4.png);
	background-repeat:no-repeat;
}

div.anythingSlider .anythingControls ul a.panel5 {
	display: inline-block;
	text-decoration: none;
	padding: 0px;
	width:26px;
	height: 26px;
	margin:0px;
	background-image: url(../Images/dactv5.png);
	background-repeat:no-repeat;
}*/


/*div.anythingSlider.activeSlider .anythingControls ul a.panel1.cur, a.panel2.cur, a.panel3.cur, a.panel4.cur, a.panel5.cur 
{*/
div.anythingSlider.activeSlider .anythingControls ul a.cur {
    
	/*background-image:url(../Images/actv1.png);*/
	-webkit-box-shadow: inset 0 0 6px #000000;
	-moz-box-shadow:inset 0 0 4px #000000;
	box-shadow: inset 0 0 6px #000000;
	
	color:White;	
	/*background: #60656F;*/
	
	background:transparent;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius: 7px;
	
	/*width:26px;
	height:26px;*/
	margin:2px;
	padding:3px 8px 3px 7px;
	
	font-weight: bold;	
	font-size: 14px;	
}

/*div.anythingSlider.activeSlider .anythingControls ul a.panel2.cur {
	background-image:url(../Images/actv2.png);
	width:26px;
	height:26px;
	margin:0px;
}



div.anythingSlider.activeSlider .anythingControls ul a.panel3.cur {
	background-image:url(../Images/actv3.png);
	width:26px;
	height:26px;
	margin:0px;
}

div.anythingSlider.activeSlider .anythingControls ul a.panel4.cur {
	background-image:url(../Images/actv4.png);
	width:26px;
	height:26px;
	margin:0px;
}

div.anythingSlider.activeSlider .anythingControls ul a.panel5.cur {
	background-image:url(../Images/actv5.png);
	width:26px;
	height:26px;
	margin:0px;
}*/

/* Navigation size window */
div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	background-image: url(../images/Navigator.png);
	background-position: center -288px;
	background-repeat: repeat-x;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
/* hide cell shading on hover - makes the button appear to come forward */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

/* probably not necessary, but added just in case */
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
	transition-duration: 0s;
}


/* ALIGNMENTS
----------------------------------------------------------*/
.right
{
	text-align:right;
}

.text-center
{
	text-align:center;
}

.text-left
{
	text-align:left;
}

.no-display
{
	display:none;
}

.table-display
{
	display:table;
}

.table-cell-display
{
	display:table-cell;
}

.inline-display
{ display:inline;}

.block-display
{
	display:block;
}

.inline-block-display
{
	display:inline-block;
}

.valign-middle
{
  vertical-align:middle;
}

.middle-align
{
    top: 50%;

    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pull-right
{
	float:right;
}

.relative-position
{
    position:relative;
}

.absolute-position
{
	position:absolute;
}

.visibility-hidden
{
    visibility:hidden;        
}

/* JQUERY UI
----------------------------------------------------------*/
.ui-datepicker
{
    font-size:13px !important;
    margin-left:8px !important;
    
    -webkit-box-shadow: 0px 1px 7px !important;
    box-shadow: 0px 1px 7px !important;
}

.ui-widget-header
{
    border: 1px solid #678EBE !important;
    
    background-image: -webkit-linear-gradient(#436288 8%, #00326F) !important;
    background-image: linear-gradient(#436288 8%, #00326F) !important;
}

.ui-state-hover .ui-icon
{
    background-image: url(../ExternalSupport/JqueryDatePicker/images/ui-icons_ffffff_256x240.png) !important;
}

/*.ui-state-hover, .ui-widget-content .ui-state-hover*/
.ui-widget-content .ui-state-hover
{
    background-color: rgb(196, 232, 244) !important;
    background-image: none !important;
    border: 1px solid rgb(132, 167, 179) !important;
    color: rgb(0, 142, 186) !important;
}

.ui-widget-header .ui-state-hover
{
    border: 1px solid #3273C3 !important;
    background-color: #7297C4 !important;
    background-image:none !important;
}

.ui-state-active, .ui-widget-content .ui-state-active
{
    background-image: none !important;
    border: 1px solid rgb(50, 237, 247) !important;
    color: rgb(0, 207, 193) !important;    
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight
{
    background-color: rgb(166, 229, 249) !important;
    background-image: none !important;
    border: 1px solid rgb(87, 171, 198) !important;
    color: rgb(12, 94, 120) !important;
}

/* WATERMARK
----------------------------------------------------------*/
.water
{
	font-family:Goudy Old Style;
	font-size:10px;
	color:#555555;
}


/* MEMBER LOGIN POPUP
----------------------------------------------------------*/

.memberLoginHeader
{
	/*background-image:url(../Images/MemberLoginHeader.png);*/
	height:42px;
	width:613px;
	color:#FFFFFF;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#9DA4B0), to(#474E5A));
	background: -moz-linear-gradient(top, #9DA4B0, #474E5A);
	background: linear-gradient(#9DA4B0, #474E5A);
	background-image: -ms-linear-gradient(rgb(157, 164, 176) 0%, rgb(71, 78, 90) 100%);
}

/*.memberLoginHeader table
{
	margin:auto 0;
	table-layout:fixed;
}*/

#divMemberSignInHeader
{
	width: 175px;
	text-indent: 10px; 
	padding: 5px 0px 5px 5px; 
	vertical-align: top;
}

.memberLogin-backbtn
{
	width: 18%; 
	vertical-align: bottom;
	position:relative;
	bottom:9px;
	left:5px;
	display:inline-block; 
}


.backbtnText:before
{
	content:"<<Back";
	
}

#divCloseBtn
{ 
   vertical-align: top;
   left:0px;
   float: right;
   /*width: 15px; 
   font-size:26px;*/
   border: 1px solid #5F6893;
}

.loginCloseBorder
{
	border:none;
}

.memberLoginLeft
{
    /*background-image:url(../Images/MemberLoginLeftPanel.png);*/
    float:left;
    min-height:190px;
    width:213px;

    position: absolute;
    top: 52px;
    bottom: 15px;
    
    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#8E8E8E));
    background: -moz-linear-gradient(top, #EEEEEE, #8E8E8E);
    background: linear-gradient(#EEEEEE, #8E8E8E);
    background-image: -ms-linear-gradient(rgb(238, 238, 238) 0%, rgb(142, 142, 142) 100%);
}

.spnLoginErrorMsg
{
	 color: Red; 
	 font-size: smaller; 
	 display: inline-block;
}

.positionLoginControls
{
	position:relative;
	left:20px;
}

#divBtnSignIn
{
	position:relative;
	right:17px;
	top:24px;
	float:right;
}

.memberLoginHeaderText
{
	color:#FFFFFF;
	padding-left:2px;
}

.memberRecoveryLeft
{
	background-image:url(../Images/MemberLoginLeftPanel.png);
	height:75px;
	width:612px;
}


/*.memberLoginLeft table
{
	margin-left:20px;
}*/

.memberLoginRight
{
    /*background-image:url(../Images/MemberLoginRightPanel.png);*/
    float: right;    
    min-height:190px;
    width:400px;
    /*color:#FFFFFF;*/
    
    background: -webkit-gradient(linear, left top, left bottom, from(#8B92A1), to(#272D39));
    background: -moz-linear-gradient(top, #8B92A1, #272D39);
    background: linear-gradient(#8B92A1, #272D39);
    background-image: -ms-linear-gradient(rgb(139, 146, 161) 0%, rgb(39, 45, 57) 100%);    
}

.memberLoginRight .validators-forecolor
{
  color: white;
}

/*.memberLoginRight table
{
	border-collapse:collapse;
	margin-top:10px;
}

.memberLoginRight td
{
	padding:2px;
}

.seperator
{
	color:white;
	width:100%;
	border-width:1px;
}*/

/*** Though single CSS class is enough for following 3 horizontal bars, 
	 separate CSS classes are taken regarding fixing border missing issues on Android */
.HorizontalWhiteBar1, .HorizontalWhiteBar2, .HorizontalWhiteBar3
{
	border-bottom:1px solid White;
	background-color:inherit;
}

.HorizontalWhiteBar1
{
	height:20px;    
}

.HorizontalWhiteBar2
{
	height:19px;    
}

.HorizontalWhiteBar3
{
	height:20px;    
}
/****************/
.LoginRightControls
{
	height:20px;
	position:relative;
	top:10px;
	left:15px;    
}

.loginLinks
{
	cursor:pointer;
}

.loginArrow
{
	float:right;
	padding-right:30px;
}

a.memberLoginHeaderText
{
	text-decoration:none;
	color:White;
	font-size:0.8em;
}

#divRecovery1
{
  margin-left:5px;
}
#divLoginRecoveryMsg
{
    /*text-align:center;*/
    margin-top: 5px;
    position: relative;
    left: 93px;   
    font-size: 18px;   
    display:inline-block;
}

#divLoginEmailText
{
   /* padding-left:2px;*/
	width:22%;
}

#divLoginEmailTextBox
{
	padding-left:40px;
}

.spnLoginRecovery
{
	color: #FFFFFF; 
	font-size: smaller; 
	display: inline-block;    
}

.securityQuestionsText
{
   width:23%;
   padding-left:10px;
   position:relative;
   top:15px;
}

.loginSecurityQA
{
	position:relative;
	bottom:28px;
	left:98px;
	width:77%;
}

.securityQuestion-width
{
	width:290px;
}

.loginSecurityAnswer
{
	margin-top:5px;
}

#divLoginSecurityQuestion2
{
	position:relative;
	bottom:30px;
}

#divLoginSubmitBtn
{
	position: relative;
	bottom: 3px;
	float: right;
	right: 15px;
}

#pnlMemberLogin
{
    /*background-image:url(../Images/MemberLoginBg.png);*/
    width:613px;
    /*height:238px;*/
    background-color:#1E2024;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:10px 10px 15px 10px;
  
}

#pnlMemberLogin table
{
	border-collapse:collapse;
}

#tblRecovery1
{
	margin-top:-6px;
}

.loginRecovery2
{
	width: 100%; 
	height: 100%; 
	text-align: center;
}

#divLoginCheckEmailText
{
	height:40%;
	position:relative;
	top:20px;
	right:22px;
}

#divLoginInstructText
{
	padding-top:30px;
	padding-right:55px;
}

#divRecoveryArrowImg
{
	  float:right;
	  position:relative;
	  bottom:15px;
	  right:10px;
}

.position-securityQA
{
	padding-top:5px;
	padding-left:1px;
}

.position-EmailText
{
     padding-left:1px;
     margin-top:7px;
}

.securityQuestion-position
{
	padding-left: 27px;
}

.securityQuesText-position
{
	 position:relative;
	 bottom:10px;
	 width:22%;
}

.securityAnswer-position
{
	padding-left:3px;
}

.securityText-width
{
	width:22%;
}

/* RECOVERY DETAILS POPUP -BEGIN */
.recovery-information-text
{
	width: 160px;
	text-indent: 10px;
	padding: 5px 0px 5px 5px;
	vertical-align: top;
	font-family:Times New Roman;
	font-weight:normal;
	font-size:20px;
}

.close-recovery-details-popup
{ 
	display :inline-block;
	position:relative;
	left:576px;
	bottom:32px;
}

.close-recovery-container
{
	width: 590px; 
	vertical-align: top;
	font-family:Times New Roman;
	font-weight:normal;
	font-size:14px;
	padding-left:10px;
}

.close-recovery-content-text
{
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	display: inline-block;
	margin-left: 10px;
	width:590px;
}

.recovery-button-container
{
 padding-left:240px;
 padding-top:5px;
 padding-bottom :10px;   
}


.recovery-options-container
{
   float: right;
   padding:0px;
   margin:0px;
   display:none;
}

.recovery-details
{
	margin-left: 15px;
	font-family:Times New Roman;
	font-weight:normal;
	font-size:14px;
	padding-top :10px;
}

.recovery-message-options
{
	color: #FFFFFF;
	font-size: 12px;
	display:inline-block;
}

.memberRecoveryRight
{  
	height:200px;
	width:612px;  
 
	background: -webkit-gradient(linear, left top, left bottom, from(#8B92A1), to(#272D39));
	background: -moz-linear-gradient(top, #8B92A1, #272D39);
	background: linear-gradient(#8B92A1, #272D39);
	background-image: -ms-linear-gradient(rgb(139, 146, 161) 0%, rgb(39, 45, 57) 100%);
}

.recovery-securitytext-width
{
	width:25%;
}

.recovery-span-message-display-width
{
	display:inline-block;
	width:63%;
}
.recovery-display-message
{
	width: 100%;
	height: 100%; 
	text-align: center;
	margin-top: 69px;
	font-family:Times New Roman;
	font-weight:normal;
	font-size:14px; 
	color:White;
}

.recover-EmailText
{
	padding-top:5px;
	padding-left:8px;
}

.recovery-answers-input
{
	display:inline-block ;
	position:relative;
	left:153px;   
}

.recovery-details-submit
{
	display:inline-block;
	position:relative;   
	width:25%;
}

/* RECOVERY DETAILS POPUP -END */

/* Message Box Popup - Common to all
------------------------------------------------------*/
.msgbox
{
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

.msgbox .title-bar
{
	padding: 7px;    
	color:#FFFFFF;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#9DA4B0), to(#474E5A));
	background: -moz-linear-gradient(top, #9DA4B0, #474E5A);
	background: linear-gradient(#9DA4B0, #474E5A);
	background-image: -ms-linear-gradient(rgb(157, 164, 176) 0%, rgb(71, 78, 90) 100%);     
	
	border-radius: 6px 6px 0px 0px;   
	font-weight:bold;
}

.msgbox .message-content-panel
{
	background-color: whitesmoke;
	border-radius: 0px 0px 6px 6px; 
	box-shadow: inset 0px 3px 8px 0px gray;
}

.msgbox .message-content-panel .message-content
{
	padding: 10px;   
}

.msgbox .message-content-panel .button-ok
{
	padding: 0px 0px 10px 0px;
}

/* CREATE ACCOUNT POPUP
----------------------------------------------------------*/

/*#basic-modal-content {display:none;color:#FFFFFF;background-image: url(../Images/CreateAccountPopUpBg.png);
				height: 115px; width: 250px;}*/
#basic-modal-content {display:none;color:#FFFFFF; background-color:#AAAEB7;
			   width: 230px; padding-bottom:25px;}
#basic-modal{color:#FFFFFF;}
#basic-modal-header{background-image:url(../Images/CreateAccountPopUpHeader.png);width:218px;height:22px;margin-left:-1px;margin-top:-8px;}
#basic-modal-header span{display:inline-block;text-indent:9px;}
#basic-modal-close{background-image:url(../Images/Close.jpg);width:37px;height:20px;float:right;margin-top:-20px;cursor:pointer;}

/* SIMPLEMODAL-POPUP SETTINGS
----------------------------------------------------------*/

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-popupcontainer {}

/*#simplemodal-popupcontainer a.modalCloseImg {background:url(../Images/Close.png) no-repeat; width:37px; height:20px; display:inline; z-index:3200; position:absolute; top:-8px; right:0px;cursor:pointer;}*/

/* IE 6 hacks */
/*#simplemodal-popupcontainer a.modalCloseImg {background:none; right:0px; width:37px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/Close.png',sizingMet.png',sizingMethod='scale');}*/

/*Water Mark Text*/
.watermarkOn 
{
	color: #CCCCCC;
	font-style: normal;
}


.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}


/* DOWNLOADS PAGE
----------------------------------------------------------*/
.BlueBar{
   /* background-image: url('../Images/bluebarndesign.png');*/
	background-color : #6082AC; 
	background-repeat:no-repeat;
	width: 410px; 
	height: 27px;
}

/*.DownloadHorziontalBar
{
   /* background-image:url('../Images/Tutorials/down_parthorbar.png');
   /* width:100%;
    height:57px;    
    padding-top:5px;
    background-color : #DDDDD6;
    border-bottom-style: solid;
    border-left-style: solid;  
    border-bottom-width: 3px; 
    border-left-width: 3px; 
    border-bottom-color: #BBBBBB;
    border-left-color: #BBBBBB;
    border-top-width:3px;
    border-top-color: #BBBBBB;
    border-top-style: solid; 
    
}*/

#tblDownload td
{
	padding:5px;
}

#tblAvailable td
{
	padding:5px;
}

/* PHRASE SUBMISSION USERCONTROL PHRASE EXISTENCE
----------------------------------------------------------*/

.PhraseExists
{
	background-image:url('../Images/Correct.jpg');
	/*width:12px;
	height:12px;
	background-repeat: no-repeat;
   display:inline-block ; 
   float:right;  
   margin-top:7px;
   margin-right:5px; */
}

.PhraseDoesNotExist
{
	background-image:url('../Images/InCorrect.jpg');
	/*width:12px;
	height:12px;
	background-repeat: no-repeat;
	display:inline-block ;
	float:right;  
   margin-top:7px;
   margin-right:3px; */
}

.PhraseExists, .PhraseDoesNotExist
{
	width:12px;
	height:12px;
	background-repeat: no-repeat;
	display:inline-block ;
	float:right;  
   margin-top:7px;
   margin-right:3px;
}


/* Subscribe button
-------------------------------------------------------*/

#SubscribeLandingButton
{   
	position:relative;   
	top:-496px;
	left:172px;
}

#SubscribeProductActButton
{   
	position:relative;   
	top:-528px;
	left:190px;
}

#WatchOurVideo
{
	position:relative;   
	top:-180px;
	left:330px;
}

/*#WatchOurVideoLanding
{
	position:relative;   
	top:-157px;
	left:281px;
	cursor:hand;
}*/

.CreateAccountHeader
{
	font-family:Times New Roman;
	font-weight:normal; 
	font-size:18px;        
}


/*.lnkbtnRemovePhoto
{
	 
	width: 90px; 
	height: 26px;
	text-align: center;
	vertical-align: middle;
	font-family:'Arial';
	font-size:11px;
	font-weight:bold;
	color:White;
	position:relative;
	left:16px;
	
}*/

/*.imgbtnSubmitPhoto
{
	float:right;
	clear:both; 
	margin-top:-27px;
   
}*/

/*#SeeHowItWorks
{
	position:relative;   
	top:-116px;
	left:281px;
	cursor:hand;
}*/


.lnkbtnRemovePhoto
{     
	/*width: 90px; 
	height: 26px;
	text-align: center;
	vertical-align: middle;
	font-family:'Arial';*/
	font-size:12px;
	font-weight:bold;
	color:White;
	float:right;
	margin:2px 6px 0px 0px;
	text-decoration: underline;
	/*position:relative;
	left:16px;    */
}

.imgbtnSubmitPhoto
{
    float:right;
    /*clear:both; 
    margin-top:-27px;   */
    margin: 0px 6px 0px 0px;   
}

.divNotice
{
	 margin-top:-10px;
}

/*#PhraseSubmissionsHeading*/

.SellPhrasesSlider
{
    width: 97% !important;
}

.PhraseSubmissionsHeading
{
   padding-left:130px;   
   margin-top: 16px; 
   line-height:20px;
}

/*#divPhraseSubmissionsRow1*/
.divPhraseSubmissionsRow1
{
   padding-left:140px;   
}

/*#divPhraseSubmissionsRow2*/
.divPhraseSubmissionsRow2
{
   padding-left:170px;   
}

/*#divPhraseSubmissionsRow3*/
.divPhraseSubmissionsRow3
{
   padding-left:180px;   
}

/*#divSellYourPhrasesImage*/
.divSellYourPhrasesImage
{
   display:inline-block;
   vertical-align:top;
   padding-top:10px;
   padding-left:80px;
   width:160px;
   height:120px;
}

/*#divSellYourPhrasesPoints*/
.divSellYourPhrasesPoints
{
   display:inline-block;
   vertical-align:top;
   padding-top:5px;
   padding-left:40px;   
}

/*#divSellYourPhrasesImageFooter*/
.divSellYourPhrasesImageFooter
{
    padding-left:55px;
    padding-bottom: 8px; /*7px;*/
    background-color:White;    
}

/*#divPhraseRate*/
.divPhraseRate
{
    width:33%;
    margin-left:120px;
    padding:3px;
    display:inline-block;
    
    background-image: -ms-linear-gradient(rgb(183, 140, 121) 0%, rgb(136, 93, 74) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#B78C79), to(#885D4A) );
    background: -moz-linear-gradient(top, #B78C79, #885D4A);
    background :linear-gradient(#B78C79, #885D4A);
}

/*#divPhraseRateHeader*/
.divPhraseRateHeader
{
	width:60%;
	display:inline;
}

.PhraseRateText
{
	font-family:Arial;
	font-size:small;
	color:White;
	font-weight:bold;
	text-align:center;
	padding-left:5px;    
}

/*#divNotice*/
.phrase-rate-note
{    
    padding-top:2px;
}

.spiceProfessionalFreeTrialBtn
{
    /*padding-top:3px;*/
    padding-right: 12px;
    position:relative;
    z-index :1;
}
#spnJoinUs
{
   font-style :italic;
   padding-left:160px;  
}

.pageNumbers
{
	height :20px;
}
.displaychecksymbl
{
	
	float:right;  
	margin-top:5px; 
	margin-bottom:2px;
	margin-left:2px;
	margin-right:2px;  
	   
 }
 
 
   /*table.rblBook td
	{
		width:23%;
		vertical-align:middle;
		float:left;
		padding-top:0px;
		display :block;
	}
	table.rblBook input
	{       
		 float:left;
	}
	
	table.rblBook label
	{
		margin-left:20px;
		display:block;
		padding-top: 3px;
	} */

  div.aboutSubmissionsQuillImage
	{
	background-image:url('../Images/HeaderWithQuill.png'); 
	background-position: right top; 
	height : 65px;
	width:225px;    
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color: #BEBEBE;
	margin-top :50px;
	}
	
	/*.phraseRFV
	{
		margin-top:-20px;
		width:10px;
		margin-left:355px;
	}*/
	
	 .newPhraseTD
	{
		background-image:url('../Images/MainAccount/buttonEnabled.JPG');
		background-repeat:no-repeat;
		/*width: 96px; */
		height: 28px;
		/*margin-left:1px;
		margin-top: -3px;*/
	}
	
	  .existingPhraseTD
	{
		background-image:url('../Images/MainAccount/buttonEnabled.JPG');
		background-repeat:no-repeat;
		/*width: 96px; */
		width:100%;
		height: 28px;
		/*margin-left:-5px;
		margin-top: -3px;*/
	}
	
	.inactivePhraseButton
	{
		width:100%;
		/*margin-left :-3px;
		margin-top :-5px;*/
	}
	 .phraseExtng
	{
		margin-top:-20px;
		width:10px;
		margin-left:355px;
	}
	
	.newAddressFields
	{
		margin-left:19px;
		margin-top :10px;
	}
	
	.checkpaymentrequest-newaddress-popup
	{ padding:1px;}
   
	.btnAddressVerification
	{
   
	color: #fff;
	height: 28px;
	width : 80px;
	border:1px solid #003366;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#6C89A7), to(#003366) );
	background: -moz-linear-gradient(top, #6C89A7, #003366);
	background :linear-gradient(#6C89A7, #003366);
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	padding:5px;
  
	background-image: -ms-linear-gradient(rgb(108, 137, 167) 0%, rgb(0, 51, 102) 100%);
	
	}
	
.tr-height
{
   height:19px; 
}

/* BACKGROUND HEADING DISPLAY FOR PHRASE SUBMISSONS INFO PAGE AND PHRASE SUBMISSION STEPS */

.divPhraseSubmissionsHeadingBackground
{
    height:50px;
    padding-top:5px;
    background-color : #E2E2DC;
    border-bottom-style: solid; 
    border-bottom-width: 1px; 
    border-bottom-color: #BEBEBE;
    display: block;
    width: 100%;
}

.divPhraseSubmissionsHeadingBackground .col1 
{
    display: inline-block;
    /*width: 93%;*/
    vertical-align: top;
    background-color:inherit;
}

.spnPhraseSubmissionsHeading
{    
	padding-left: 20px;
	text-indent: 30px; 
	vertical-align: middle;
	text-align:center;
}

#divHeaderQuillImage
{
    /*bottom:17px;
    position:relative;
    right:-7px;*/
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: -17px;
    float: right;
    margin-right: -7px;
}

#divHeaderQuillImage img
{
    /*position: absolute;
    top: 461px;
    right: 31px;*/
}

/* END OF BACKGROUND HEADING DISPLAY FOR PHRASE SUBMISSONS INFO PAGE AND PHRASE SUBMISSION STEPS */

/* Help Page CSs Starts Here */

.divChatImage
{
	top:450px;
}
.divChatImageBtn
{
	top:460px;
}

#divHelpSearchResults
{
   top:320px;
}

.searchResults
{   
	bottom: 150px;
	left: 10px;
}
.helpQuestions
{
	bottom: 150px;
}

/*.divHelpSearch
{
  left:16px;
    
}*/

/*.help-search-line-separator
{
   
    left: -11px;
}*/

/*.helpQuestions
{
   left: 5px;
}*/



.divLiveChat
{
	left :10px;
	
   
}

/*.divSearchHelp
{
   position:absolute;
   top:50px;
	left:45px;
   
}*/
/*.divSearchHeading
{  
   left:45px;

}*/

/* Help Page CSs Ends Here */

/*InfoPage Content -BEGIN */
/*.infoPageContent
{
    top:5px;
}*/

/*InfoPage Content -END */


.align-eye-icon {
	margin-left: -26px;
	cursor: pointer;
	position: absolute;
	padding-top:2px;
}

.align-password-text {
	padding-right: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 158px!important;
}

.marquee-maintenance-info {
	width: 100%;	
	color: red;
}