@charset "utf-8";
* {margin: 0;padding: 0;border: 0;}
header, nav, footer{
        display: block;
        margin: 0;
        padding: 0;
}

img {border: none;}
ul{list-style-type: none;}

body {
                font-family: "Segoe UI","Arial", "Helvetica","Lucida Grande",Tahoma, Verdana, "Lucida Sans Unicode",Garuda;
                font-size: 12px;
                font-weight: 400;
                height:100%;
                background: #FFFFFF;
                width:100%;
                background:#f7ebff;
                background:#F3E5FF;
        }

.btl{border: none;background: inherit;cursor:pointer}
a,.btl{text-decoration: none;color: #9900ff;}
a:hover,.btl:hover{text-decoration:underline}

.cfx,.clearfix {
        display: block;
        zoom: 1;
}
.clearfix:after{
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        visibility: hidden;
}

/**************************************************************************************/
#header-container{
     width:100%;
     -webkit-transform: translateZ(0);
     -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
        -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
     background: #FFF;
     /*border-bottom: solid 1px #AB58DF;*/
     position: fixed;
     left:0px;
     z-index: 1000;
     padding: 7px 0 8px;
}

#head{
        width: 900px;
        min-width:900px;
        margin-right: auto;
        margin-left: auto;
}

#logo-container {
     position: relative;
     /*margin-top: 6px;*/
     height: 35px;
     margin-right: 15px;
     float:left;
}

#create-button-group, #head-signin, #create-btn,#head-user,#head-explore{
     float: right;
     margin-top: 3px;
     margin-left: 25px;
}

.abtn {
     display: inline-block;
     line-height: 2.4em;
     height: 2.4em;
     text-decoration: none;
     color: #333;

     text-shadow: 0 1px 0 rgba(255,255,255,.5);
     border-color: #d3d3d3;
     background-color: #f8f8f8;
     filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffcfcfc,EndColorStr=#fff8f8f8);
     background-image: -moz-linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
     background-image: -ms-linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
     background-image: -o-linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fcfcfc),color-stop(100%,#f8f8f8));
     background-image: -webkit-linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
     background-image: linear-gradient(to bottom,#fcfcfc 0,#f8f8f8 100%);

     padding: 0 .9em;
     border-width: 1px;
     border-style: solid;
     outline: 0;
     font-weight: bold;
     font-size: 11px;
     white-space: nowrap;
     word-wrap: normal;
     vertical-align: middle;
     cursor: pointer;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;

     height: 27px;
     line-height: 27px;
}

.abtn:hover{
     border-color: #c6c6c6;
      filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fff8f8f8,EndColorStr=#ffeeeeee);
     background-image: -moz-linear-gradient(top,#f8f8f8 0,#eee 100%);
     background-image: -ms-linear-gradient(top,#f8f8f8 0,#eee 100%);
     background-image: -o-linear-gradient(top,#f8f8f8 0,#eee 100%);
     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f8f8f8),color-stop(100%,#eee));
     background-image: -webkit-linear-gradient(top,#f8f8f8 0,#eee 100%);
     background-image: linear-gradient(to bottom,#f8f8f8 0,#eee 100%);
     text-decoration:none;
}

.abtn:active{
     border-color: #c6c6c6;
     background-color: #e9e9e9;
     background-image: none;
     -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
     -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
     text-decoration:none;
}

.btn-content {
     line-height: 27px;
     vertical-align: middle;
}

dropdown .btn-content.caret{vertical-align: top;}

.button-group .abtn {
     margin-right: -2px;
     vertical-align: top;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     border-radius: 0;
}

.button-group .start {
     -moz-border-radius-topleft: 2px;
     -webkit-border-top-left-radius: 2px;
     border-top-left-radius: 2px;
     -moz-border-radius-bottomleft: 2px;
     -webkit-border-bottom-left-radius: 2px;
     border-bottom-left-radius: 2px;
}

.button-group .end {
     margin-right: 0;
     -moz-border-radius-topright: 2px;
     -webkit-border-top-right-radius: 2px;
     border-top-right-radius: 2px;
     -moz-border-radius-bottomright: 2px;
     -webkit-border-bottom-right-radius: 2px;
     border-bottom-right-radius: 2px;
}

#head button.abtn {
     height: 29px;
     line-height: 29px;
}

#head .btnc {
     color: #fff;
     background-color: #6891e7;
     border-color: #3f76b7;
     text-shadow: 0 1px 0 rgba(0,0,0,.25);
     filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff5384be,EndColorStr=#ff3f76b7);
     background-image: -moz-linear-gradient(top,#5384be 0,#3f76b7 100%);
     background-image: -ms-linear-gradient(top,#5384be 0,#3f76b7 100%);
     background-image: -o-linear-gradient(top,#5384be 0,#3f76b7 100%);
     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#5384be),color-stop(100%,#3f76b7));
     background-image: -webkit-linear-gradient(top,#5384be 0,#3f76b7 100%);
     background-image: linear-gradient(to bottom,#5384be 0,#3f76b7 100%);
}

#head .btnc:hover {
     border-color: #325e92;
     background-color: #3d71b0;
     filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff3f76b7,EndColorStr=#ff3d71b0);
     background-image: -moz-linear-gradient(top,#3f76b7 0,#3d71b0 100%);
     background-image: -ms-linear-gradient(top,#3f76b7 0,#3d71b0 100%);
     background-image: -o-linear-gradient(top,#3f76b7 0,#3d71b0 100%);
     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3f76b7),color-stop(100%,#3d71b0));
     background-image: -webkit-linear-gradient(top,#3f76b7 0,#3d71b0 100%);
     background-image: linear-gradient(to bottom,#3f76b7 0,#3d71b0 100%);
}

#head-content {
     width: 500px;
     float:left;
}

#head-search{
     position: relative;
     padding: 0;
     margin-top: 3px;
     overflow: hidden;
     min-width:225px;
}

#search-btn,#fsearch-btn {
     padding: 0 10px;
     height: 29px;
     line-height: 29px;
     border-left: 0;
     -moz-border-radius-topleft: 0;
     -webkit-border-top-left-radius: 0;
     border-top-left-radius: 0;
     -moz-border-radius-bottomleft: 0;
     -webkit-border-bottom-left-radius: 0;
     border-bottom-left-radius: 0;
     float: right;
     opacity: 1;
     filter: none;
}

#search-btn-content,#fsearch-btn-content{
     display: block;
     border: none;
     padding: 0;
     background: no-repeat url(/style/images/ytsp.png);
     width: 14px;
     height: 14px;
     opacity: .6;
     text-indent: -10000px;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
}

#head-search-box,#fsearch-box {
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     border-radius: 0;
     height: 29px;

     position: relative;
     overflow: hidden;
     margin: 0 0 2px;
     font-size: 14px;
     line-height: 27px;
     background-color: #fff;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -moz-border-radius-topleft: 3px;
     -webkit-border-top-left-radius: 3px;
     border-top-left-radius: 3px;
     -moz-border-radius-bottomleft: 3px;
     -webkit-border-bottom-left-radius: 3px;
     border-bottom-left-radius: 3px;
     -moz-transition: border-color .2s ease;
     -ms-transition: border-color .2s ease;
     -o-transition: border-color .2s ease;
     -webkit-transition: border-color .2s ease;
     transition: border-color .2s ease;

     border: 1px solid #ccc;
     -moz-box-shadow: inset 0 1px 2px #eee;
     -ms-box-shadow: inset 0 1px 2px #eee;
     -webkit-box-shadow: inset 0 1px 2px #eee;
     box-shadow: inset 0 1px 2px #eee;
}

#head-search label,#search-box label {
     height: 100%;
     line-height: 27px;
     padding: 0;
     border: none;
     overflow: hidden;
     display:block;
}

#head-search input,#search-box input {
     outline: none;
     height: 100%;
     width:200px;

     display: inline-block;
     width: 100%;
     padding: 2px 6px;
     margin: 0;
     border: 0;
     background: transparent;
     font-size: 16px;
     zoom: 1;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

#head-user-link{height:26px;color:#AB58DF;}

#head-user-link:hover{text-decoration:none;color:#330066;}

#head-user-link,#head-user .caret{
     line-height:26px;
    /* vertical-align:middle;*/
}

#head-user-photo{
     height:26px;
     width:26px;
     margin-right:3px;
     vertical-align:middle;
}

#head-user-name{
     vertical-align:middle;
     font-size:13px;
     font-weight:bold;
     display: inline-block;
     overflow-x: hidden;
     padding-right: 8px;
     text-overflow: ellipsis;
     white-space: nowrap;
}

#head-explore{color:#AB58DF;float:right;display: inline-block;white-space: nowrap;}
#head-user{ margin-left: 0px;height:30px}
#head-user-name{max-width:150px;}
/**************************************************************************************/

.el-header {
        height: 85px;
        width: 100%;
        position: fixed;
        z-index: 300;
        top:0px;
        left:0px;
        right:0px;
}

.sh .el-header {height: 30px;}

.el-top {
        color: #FFF;
        background-color: #AB58DF;
        height: 35px;
        width: 100%;
        padding-top: 10px;
        font-size: 14px;
        position:relative;
        font-weight: bold;
        display: block;
        background: -moz-linear-gradient(top,#ebcaff,#AB58DF);
        background: -webkit-gradient(linear,left top,left bottom,from(#ebcaff),to(#AB58DF));
        background: -o-linear-gradient(top,rgb(217,165,250),rgb(171,88,223));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebcaff, endColorstr=#AB58DF);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebcaff, endColorstr=#AB58DF)";
        background: linear-gradient(top,rgb(217,165,250),rgb(171,88,223));
}

.sh .el-top{
        box-shadow: 0px 2px 3px rgba(51, 0, 102, .5);
        height: 25px;
        padding-top: 5px;
        border-bottom: 1px solid #992CD8;
}

.el-lower-top {
        background-color: #D2B5F1;
        height: 33px;
        width: 100%;
        /*border-top: 1px solid #FFF;
        border-bottom: 1px solid #50027D;
        border-bottom: 1px solid #D0B9EA;*/
        border-top: 1px solid rgba(255, 255, 255, 0.8);
        text-align:center;
        -moz-box-shadow: 0 1px 5px rgba(34, 25, 25, 0.55);
        box-shadow: 0 1px 5px rgba(34, 25, 25, 0.55);
        -webkit-box-shadow: 0 1px 5px rgba(34, 25, 25, 0.55);
}

/**************************************************************************************/
.glc {
        width: 900px;
        min-width:900px;
        overflow:auto;
        margin-right: auto;
        margin-left: auto;
}

#top-menu{width:900px;}
/**************************************************************************************/
.logo {
        float: left;
        height: 21px;
        margin-right: 60px;
}

/**************************************************************************************/

.top-search {
        background-color: #FFF;
        float: left;
        height: 24px;
        width: 300px;
        margin-right: 30px;
        border: 1px solid #992cd8;
        display: inline-block;
        position: relative;
}

.top-search-box{
        height: 18px;
        width: 270px;
        font-size: 11px;
        padding: 3px 3px 2px 5px;
        border: none;
        color:#6600FF;
}

.top-search-button{
        background: url("images/glass.png") 0px 0px  no-repeat;
        border: none;
        cursor: pointer;
        display: block;
        height: 15px;
        width: 15px;
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 2;
}

/**************************************************************************************/

.top-user-menu {
        float: right;
        position:relative;
        right:0px;
}

.user-menu{
        background: url(images/user-sprite.png) no-repeat;
        height: 26px;
        width: 26px;
}

.user-home {background-position:-3px 3px;}
.user-settings {background-position:-31px 1px;}
.user-profilepic{background-image:none;}
.user-feed {background-position:2px 32px;}

.umi{float: left;}/*user-menu-item*/

/*.umi a:hover{background-color:#fff;}*/
.umi a{
        padding-left: 5px;
        padding-right: 5px;
        display: block;
        border:1px solid transparent;
        margin-right:5px;
}

.umi:last-child a {
        margin-right:0px;
}

.umi a:hover{
        background-color:#fff;
        border: 1px solid #992cd8;
}

.umi a:hover.umt{
        background-color:inherit;
        border: 1px solid transparent;
        text-decoration:underline;
}

.unme{width:180px; overflow:hidden;height:24px;text-align:right}

/*user notifications anchor*/
.un-a{
        padding:0px !important;
        margin-left:5px;
        margin-right:5px;
        font-weight: bold;
        font: 13px/27px Arial,sans-serif;
}

.un-present{color:#f10000;}
.un-none{color:#515151;}

.un-a:hover,.umt:hover,.mmu a:hover{text-decoration:none;}

.un-a{border: 1px solid #992cd8;}
/*user notifications*/
.un{
        /*border: 1px solid #992cd8;*/
        background:#ebcaff;
        height: 15px;
        width: 26px;
        padding:5px;
        padding-top:6px;
        line-height:13px;
        text-align:center;
}

.un:hover{
        background-color:#c596fa;
}

/*user menu text*/
.umt{color:#fff;}

.umt div{
        height: 21px;
        padding-top:5px;
}

/**************************************************************************************/
/*************************** Menu drop Down **********************************************/
/**************************************************************************************/

.elFlyoutTrigger,.elFlyoutTrigger:hover{
        background-color:#fff !important;
        border: 1px solid #992cd8 !important;
        border-bottom:none;
        height:38px;
}

.elFlyoutTrigger .un{
        background-color:#fff !important;
        border:none;
}

.elFlyoutContainer{
        position:absolute;
        top:35px;
        right:0px;
}

.elFlyout{
        position:relative;
        background:#fff;
        border: 1px solid #992cd8;
        border-top:none;
        width: 350px;
        z-index: 400;
        display:none;
}

.elflHeader{
        font-size:11px;
        color: #9900ff;
        margin:5px;
}

.elFlyoutList {
        max-height:400px;
        overflow:auto;
        font-size:13px;
        font-weight:normal;
}

.elFlyoutList li{
        border-bottom:1px solid #eaeaea;
        cursor:pointer;
        padding:5px 10px;
}

.elFlyoutList li:first-child{
        padding-top:0px;
}

.elFlyoutList li:last-child{
        border-bottom:none;
}

.elFlyoutList fl-loader{
        display: block;
        height: 11px;
        width: 16px;
        margin-right:auto;
        margin-left:auto;
}

#elFlyoutNotifContainer{right: 86px;}

#elFlyoutUser{
        right: 43px;
}


#elFlyoutAccount{
        right: 0px;
        width: 140px;
}

#elFlyoutAccount  .elFlyoutList li{
        border:none;
        padding: 0px;
}

.elSm{
        padding:5px 15px;
        font: 13px/27px Arial,sans-serif;
        display:block;
        line-height: 13px;
        border-top: #ffffff solid 1px;
        border-bottom: #ffffff solid 1px;
        display: block;
}

.elSm:hover{
        background-color: #c7a3ec;
        text-decoration: none;
        border-top: #8b08c1 solid 1px;
        border-bottom: #8b08c1 solid 1px;
        color:#fff;
}

/**************************************************************************************/

/*.mmu{
        margin-right: auto;
        margin-left: auto;
        display:inline-block;
}*/

.mmu-li{
        float:left;
        /*display: block;*/
        border-right:1px solid #ebcaff;
        height: 33px;
}

.mmu-li:last-child{border-right:none}
.mmu-li:last-child a div{border-right:none}

.mmu a{
        font-weight: 700;
        font-size:14px;
        color:#330066;
}

.mmu a div:hover,.mmu .active{background:#c596fa}
.mmu .active{
        box-shadow: inset 0 0px 10px rgba(34, 25, 25, 0.18);
}

/*.mmu .active{background:#fff;height:33px;border:1px solid #c596fa}*/

.mmu a div{
        border-right:1px solid #992cd8;
        height:33px;
        padding:0 6px;
        line-height:33px;
}

.mmu-dl{
        width:480px;
        max-height:450px;
        overflow-x:hidden;
        overflow-x:auto;
}
.mmu-dl li div{
        float:left;
        width:225px;
}

.mmu-dl li a{font-size:13px;}
/**************************************************************************************/

.mcnt {
        padding: 25px;
        border: 1px solid #959595;
        border-top:none;
        padding-top:75px;
        margin-bottom:25px;
        -webkit-box-shadow: 0px 0px 6px rgba(112, 102, 114, .3);
        -moz-box-shadow: 0px 0px 6px rgba(112, 102, 114, .3);
        box-shadow: 0px 0px 6px rgba(112, 102, 114, .3);

        border: none;
        padding-bottom:5px;
        -webkit-box-shadow: none;
        -moz-box-shadow:  none;
        box-shadow:  none;
}

.sh .mcnt {padding-top:50px;}

.footer a{
        margin-left:10px;
}


/*.bottom-bar{
        position: fixed;
        z-index:10;
        bottom:0px;
        height:15px;
        padding-top:5px;
        width:100%;
        color: black;
        border-top: 1px solid #000;
        background: #F6F6F6;
        background-image: -moz-linear-gradient(top,#cecece,white);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#cecece),to(white));
        background: -moz-linear-gradient(top, #cecece, #fff);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cecece, endColorstr=white);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cecece, endColorstr=#FFFFFFFF)";
        -moz-box-shadow: 0 -2px 3px rgba(0, 4, 68, .5);
        -webkit-box-shadow: 0 -2px 3px rgba(0, 4, 68, .5);
        box-shadow: 0 -2px 3px rgba(0, 4, 68, .5);
}*/

.bottom-bar{
        margin-top:5px;
        padding-top:15px;
        padding-bottom:15px;
        width:100%;
        color: black;
        background:#AB58DF;
}

.footer a{
     color:#FFF;
}

/***********  Buttons *******************/
.btn{
     width: auto;
     background-color: #F5F5F5;
     background-image: -webkit-linear-gradient(top,#F5F5F5,#F1F1F1);
     background-image: -moz-linear-gradient(top,#F5F5F5,#F1F1F1);
     background-image: -ms-linear-gradient(top,#F5F5F5,#F1F1F1);
     background-image: -o-linear-gradient(top,#F5F5F5,#F1F1F1);
     background-image: linear-gradient(top,#F5F5F5,#F1F1F1);
     color: #444;
     border: #B1B1B1 1px solid;
     -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
     -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;

     cursor: pointer;
     display: inline-block;
     font-family: "Segoe UI", "Lucida Grande",Tahoma, Verdana, Arial, "Lucida Sans Unicode";
     font-size: 13px;
     font-weight:bold;
        height: 28px;
     line-height: 28px;
     margin: 0;
     outline: none;
     padding: 0px 8px;
     position: relative;
     text-align: center;
     text-decoration: none;
     vertical-align: middle;
     white-space: nowrap;
     -webkit-transition: background-color 0.15s ease-in-out;
     -moz-transition: background-color 0.15s ease-in-out;
     -ms-transition: background-color 0.15s ease-in-out;
     -o-transition: background-color 0.15s ease-in-out;
     transition: background-color 0.15s ease-in-out;

     -moz-box-sizing:content-box;
     -webkit-box-sizing:content-box;
     -ms-box-sizing:content-box;
     box-sizing:content-box;
}

.sbtn{
     font-size: 11px;
     font-weight:normal;
     height: 22px;
     line-height: 22px;
     padding: 0px 6px;
}

.btn:hover{
     background-color: #F8F8F8;
     background-image: -webkit-linear-gradient(top,#F8F8F8,#F1F1F1);
     background-image: -moz-linear-gradient(top,#F8F8F8,#F1F1F1);
     background-image: -ms-linear-gradient(top,#F8F8F8,#F1F1F1);
     background-image: -o-linear-gradient(top,#F8F8F8,#F1F1F1);
     background-image: linear-gradient(top,#F8F8F8,#F1F1F1);
     border: 1px solid #C6C6C6;
     color: #333;
}

a.btn:hover,a.abtn:hover{text-decoration:none;}

.btnc,.btnc .btnt,.btnc:hover{
        border: #660099 1px solid;
        border-bottom: #330066 1px solid;
        color: #ffffff;
        background: #be89f1;
        background: -moz-linear-gradient(top, #be89f1 0%, #ab58df 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#be89f1), color-stop(100%,#ab58df));
        background: -webkit-linear-gradient(top, #be89f1 0%,#ab58df 100%);
        background: -o-linear-gradient(top, #be89f1 0%,#ab58df 100%);
        background: -ms-linear-gradient(top, #be89f1 0%,#ab58df 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be89f1', endColorstr='#ab58df',GradientType=0 );
        background: linear-gradient(top, #be89f1 0%,#ab58df 100%);
}

.btnc .btnt,.btnt input{color:#fff}

.btnc .btnt,.btnc .btnt:hover{border: none;}

/*********************************** Content size ************************/

.cnt{
        background:#FFF;
        padding:10px;
        border: 1px solid #992cd8;
        -webkit-box-shadow: 0px 0px 8px rgba(153, 44, 216, .3);
        -moz-box-shadow: 0px 0px 8px rgba(153, 44, 216, .3);
        box-shadow: 0px 0px 8px rgba(153, 44, 216, .3);
}

.cnt-np{
        background:#FFF;
        border: 1px solid #992cd8;
        -webkit-box-shadow: 0px 0px 8px rgba(153, 44, 216, .3);
        -moz-box-shadow: 0px 0px 8px rgba(153, 44, 216, .3);
        box-shadow: 0px 0px 8px rgba(153, 44, 216, .3);
}

.content-container {
        margin-bottom: 15px;
        width: 478px;
        padding: 10px;
        border: 1px solid #992cd8;
}

.cwf {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
}

.cwf .content-header {
        font-size: 20px;
        font-weight:bold;
        padding-bottom:10px;
        margin-bottom: 15px;
}

.cwa{width: 900px;}

.content-width-triple,.cwt{width: 478px;}
.content-width-double{width: 668px;}
.content-width-full{width: 600px;}

.left-col{
        width: 200px;
        float: left;
}

.middle-col {
        display: inline;
        float:left;
        width: 500px;
        margin-right: 15px;
        margin-left: 15px;
}

.right-col{
        width: 165px;
        float:right;
}

.double-cols-left .left-col{width: 720px;margin-right: 15px;}
.double-cols-right .right-col{width: 680px;margin-left: 15px;}

.double-cols-left .left-col .left{width: 200px;float: left;}
.double-cols-left .left-col .right{width: 500px;float: left;}
.double-cols-left .left-col .right.nm{width: 517px;}

.double-cols-right .right-col .left{width: 500px;float: left;}
.double-cols-right .right-col .right{width: 200px;float: left;}
.double-cols-right .right-col .left.nm{width: 517px;}

/**************************************************************************************/

.ofv{overflow:visible;}
.nof{overflow:hidden;}
.nofv{overflow-y:hidden;}
.nofh{overflow-x:hidden;}
.nofe{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.clear{clear:both}

.default-cursor{cursor:default;}

.ltle {
        font-size:16px;
        font-weight:400;
        color: #6600CC;
        margin-bottom: 15px;
        border-bottom: 1px solid #992cd8;
        padding: 10px;
        padding-left:0px;
}

.mtle {
        border-bottom: 1px solid #992cd8;
        padding: 2px 3px 3px 0px;
        font-size: 11px;
        margin-bottom: 5px;
        font-weight:700;
        color: #6600CC;
}
/**************************************************************************************/
.loader {
        height: 20px;
        width: 20px;
        margin-bottom:10px;
        padding: 2px 5px 0px 5px;
        display:none;
}

.loader-sm{
        background: url("images/loader.gif") 0px 0px no-repeat;
        background-color: transparent;
        display: none;
        height: 11px;
        width: 16px;
}

.loading-indicator-special{
        background: url("images/loader.gif") 0px 0px no-repeat;
        background-color: transparent;
        display: none;
        height: 11px;
        position: absolute;
        right: 5px;
        top: 5px;
        width: 16px;
}

.loader-big{
        background: url("images/loader-big.gif") 0px 0px no-repeat;
        background-color: transparent;
        display: none;
        height: 24px;
        width: 72px;
}
/**************************************************************************************/
/************************** facebook button****************************************/
.fb_button_medium, .fb_button_medium_rtl {
        background-position: left -188px;
        font-size: 11px;
        line-height: 14px;
}

.fb_button, .fb_button_rtl {
        /*background: #29447E url(images/fb.png);*/
        background: #5872a7 url(images/fb.png);
        background-repeat: no-repeat;
        cursor: pointer;
        display: inline-block;
        padding: 0 0 0 1px;
        text-decoration: none;
        outline: none;
}

.fb_button .fb_button_text, .fb_button_rtl .fb_button_text {
        border-top: solid 1px #879AC0;
        border-bottom: solid 1px #1A356E;
        color: white;
        display: block;
        font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
        font-weight: bold;
        padding: 3px 6px 3px 6px;
        margin: 1px 1px 0 22px;
        text-shadow: none;
}

.fb_button_medium, .fb_button_medium_rtl {
        font-size: 11px;
        line-height: 14px;
}

a.fb_button, a.fb_button_rtl, .fb_button, .fb_button_rtl {
        text-decoration: none;
}

.fb_button, .fb_button_rtl {
        cursor: pointer;
}
/**************************************************************************************/

/**************************************************************************************/
/* error message */
.error {
        /* supply height to ensure consistent positioning for every browser */
        background-color:#FFFE36;
        border:1px solid #E1E16D;
        font-size:13px;
        color:#000;
        padding:5px 10px;
        margin-left:-2px;
        display:none;

        color: #B94A48;
        background-color: #F2DEDE;
        border-color: #EED3D7;
}

.error em {
        display:block;
        width:0;
        height:0;
        border:10px solid;
        border-color:#FFFE36 transparent transparent;

        /* positioning */
        position:absolute;
        bottom:-17px;
        left:60px;
}

.error-container {
        color: red;
        font-size: 13px;
        margin-bottom: 10px;
        display: none;
        border: 1px solid #F1AC88;
        background: #F6ECD5;
        padding: 2px 5px 2px 5px;
}

.error-field{
        border: 1px solid #F1AC88;
        color: red;
        background: #F6ECD5;
}
/**************************************************************************************/

/**************************************************************************************/
.httxt{height:13px;}
.httxt-m{max-height:13px;}
.ht-16{height:16px;}
.ht20-m{max-height:20px;}
.htq{height:25px;}
.htq-m{max-height:25px;}
.ht-btn{height:28px;}
.htt{height:32px;}
.htt-m{max-height:32px;}
.hts{height:50px;}
.hts-m{max-height:50px;}
.hts-mi{max-height:45px;}
.htm{height:80px;}
.htl{height:100px;}
.htf{height:100%;}
.hta{height:auto;}

.wdts{width:80px;}
.wdtlc{width:500px;}
.wdtlc-m{max-width:500px;}
.wdtl{width:100px;}
.wdtl-m{max-width:100px;}
.wdtlr{width:120px;}
.wdtf{width:100%;}
.wdtlrg{width:130px;}
.wd200-m{max-width:200px;}
.wd200{width:200px;}
.wd220{width:220px;}
.wd250{width:250px;}
.wdhf{width:50%;}
.wdq{width:25%;}
.wd3{width:30%;}
.wd4{width:40%;}
.wd5{width:50%;}
.wd6{width:60%;}
.wd7{width:70%;}
.wd8{width:80%;}
.wd9{width:90%;}
.wd95{width:95%;}


.box-sizing{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.img-16m{max-height:16px;max-width:16px}
.img-16{height:16px;width:16px}
.img-48{height:48px;width:48px}
.img-t{height:32px;width:32px}
.img-tm{max-height:32px;max-width:32px}
.img-s{height:50px;width:50px}
.img-m{height:80px;width:80px}
.img-mm{max-height:90px;max-width:90px}
.img-l{height:100px;width:100px}
.img-lr{height:120px;width:120px}

.wrap-text{word-wrap: break-word;}
.nowrap{white-space: nowrap;}

.inline{display:inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.hidden{display:none;}
.table-cell{display: table-cell;}
.table-row{display: table-row;}
.block-content {display: table-cell;vertical-align: top;}

.vam{vertical-align: middle;}
.vat{vertical-align: top;}
.vab{vertical-align: bottom;}

.all{text-align: left;}
.alc{text-align: center;}
.alr{text-align: right;}

/********************* Margins ******************/
.center{margin-left:auto;margin-right:auto;}
.center-a{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.space{margin-right:3px;}
.hspace{margin-left:3px;margin-right:3px;}

.nm{margin:0px;}
.nmt{margin-top:0px;}
.nmr{margin-right:0px;}
.nmb{margin-bottom:0px;}
.nml{margin-left:0px;}
.nmv{margin-top:0px;margin-bottom:0px;}
.nmhz{margin-left:0px;margin-left:0px;}

.ms{margin:3px;}
.mts{margin-top:3px;}
.mrs{margin-right:3px;}
.mbs{margin-bottom:3px;}
.mls{margin-left:3px;}
.mvs{margin-top:3px;margin-bottom:3px;}
.mhzs{margin-left:3px;margin-right:3px;}

.m{margin:5px;}
.mt{margin-top:5px;}
.mr{margin-right:5px;}
.mb{margin-bottom:5px;}
.ml{margin-left:5px;}
.mv{margin-top:5px;margin-bottom:5px;}
.mhz{margin-left:5px;margin-right:5px;}

.mlr{margin:10px;}
.mtl {margin-top:10px;}
.mrl {margin-right:10px;}
.mbl {margin-bottom:10px;}
.mll {margin-left:10px;}
.mvl{margin-top:10px;margin-bottom:10px;}
.mhzl{margin-left:10px;margin-right:10px;}

.mh {margin:25px;}
.mth{margin-top:25px;}
.mrh{margin-right:25px;}
.mbh{margin-bottom:25px;}
.mlh{margin-left:25px;}
.mvh{margin-top:25px;margin-bottom:25px;}
.mhzh{margin-left:25px;margin-right:25px;}

/********************* Paddings ******************/
.ptn{padding:3px;}
.pttn{padding-top:3px;}
.prtn{padding-right:3px;}
.pbtn{padding-bottom:3px;}
.pltn{padding-left:3px;}
.pvtn{padding-top:3px;padding-bottom:3px;}
.phztn{padding-left:3px;padding-right:3px;}

.p{padding:5px;}
.pt{padding-top:5px;}
.pr{padding-right:5px;}
.pb{padding-bottom:5px;}
.pl{padding-left:5px;}
.pv{padding-top:5px;padding-bottom:5px;}
.phz{padding-left:5px;padding-right:5px;}

.plrg{padding:10px;}
.ptl{padding-top:10px;}
.prl{padding-right:10px;}
.pbl{padding-bottom:10px;}
.pll{padding-left:10px;}
.pvl{padding-top:10px;padding-bottom:10px;}
.phzl{padding-left:10px;padding-right:10px;}

.ph{padding:25px;}
.pth{padding-top:25px;}
.prh{padding-right:25px;}
.pbh{padding-bottom:25px;}
.plh{padding-left:25px;}
.pvh{padding-top:25px;padding-bottom:25px;}
.phzh{padding-left:25px;padding-right:25px;}

.np{padding:0;}
.npt{padding-top:0;}
.npr{padding-right:0;}
.npb{padding-bottom:0;}
.npl{padding-left:0;}
.npv{padding-top:0;padding-bottom:0;}
.nphz{padding-left:0;padding-right:0;}

/********************* Border ******************/
.nb{border:none;}
.nbt{border-top:none;}
.nbr{border-right:none;}
.nbb{border-bottom:none;}
.nbl{border-left:none;}
.nbv{border-top:none;border-bottom:none;}
.nbhz{border-left:none;border-right:none;}

.b{border: 1px solid #992cd8;}
.bt{border-top: 1px solid #992cd8;}
.br{border-right: 1px solid #992cd8;}
.bb{border-bottom: 1px solid #992cd8;}
.bl{border-left: 1px solid #992cd8;}
.bv{border-top: 1px solid #992cd8;border-bottom: 1px solid #992cd8;}
.bhz{border-left: 1px solid #992cd8;border-right: 1px solid #992cd8;}

.blite{border: 1px solid #eaeaea;}
.blt{border-top: 1px solid #eaeaea;}
.blr{border-right: 1px solid #eaeaea;}
.blb{border-bottom: 1px solid #eaeaea;}
.bll{border-left: 1px solid #eaeaea;}
.blv{border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}
.blhz{border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}

.bd{border: 1px solid #330345;}
.bdt{border-top: 1px solid #330345;}
.bdr{border-right: 1px solid #330345;}
.bdb{border-bottom: 1px solid #330345;}
.bdl{border-left: 1px solid #330345;}
.bdv{border-top: 1px solid #330345;border-bottom: 1px solid #330345;}
.bdhz{border-left: 1px solid #330345;border-right: 1px solid #330345;}

.bg{border: 1px solid #808080;}
.bgt{border-top: 1px solid #808080;}
.bgr{border-right: 1px solid #808080;}
.bgb{border-bottom: 1px solid #808080;}
.bgl{border-left: 1px solid #808080;}
.bgv{border-top: 1px solid #808080;border-bottom: 1px solid #808080;}
.bghz{border-left: 1px solid #808080;border-right: 1px solid #808080;}

.bvl{border: 1px solid #F7F7F7;}
.bvlt{border-top: 1px solid #F7F7F7;}
.bvlr{border-right: 1px solid #F7F7F7;}
.bvlb{border-bottom: 1px solid #F7F7F7;}
.bvll{border-left: 1px solid #F7F7F7;}
.bvlv{border-top: 1px solid #F7F7F7;border-bottom: 1px solid #F7F7F7;}
.bvlhz{border-left: 1px solid #F7F7F7;border-right: 1px solid #F7F7F7;}

.bshadow{
        border: 1px solid #992cd8;
        -webkit-box-shadow: 0px 0px 8px rgba(153, 44, 216, .3);
        -moz-box-shadow: 0px 0px 8px rgba(153, 44, 216, .3);
        box-shadow: 0px 0px 8px rgba(153, 44, 216, .3);
}
.bsg{
        -webkit-box-shadow: 0 0px 3px rgba(34, 25, 25, 0.65);
        -moz-box-shadow: 0 0px 3px rgba(34, 25, 25, 0.65);
        box-shadow: 0 0px 3px rgba(34, 25, 25, 0.65);
}

.bslte{
        -webkit-box-shadow: 0 0px 3px rgba(34, 25, 25, 0.3);
        -moz-box-shadow: 0 0px 3px rgba(34, 25, 25, 0.3);
        box-shadow: 0 0px 3px rgba(34, 25, 25, 0.3);
}

.bslte:hover{
        -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
}

.bsd{
        -webkit-box-shadow: -1px -1px 12px rgba(50, 50, 50, 0.25);
        -moz-box-shadow:    -1px -1px 12px rgba(50, 50, 50, 0.25);
        box-shadow:         -1px -1px 12px rgba(50, 50, 50, 0.25);
}

.bsc{
        border:1px solid #D0D0D0;
        -webkit-box-shadow: 0px 0px 8px rgba(153, 44, 216, .3);
        -moz-box-shadow: 0px 0px 8px rgba(153, 44, 216, .3);
        box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
}
/********************* Positions ******************/
.pa,.psa{position:absolute;}
.pf,.psf{position:fixed;}
.psr{position:relative;}

.top{top:0}
.bottom{bottom:0;}
.left{left:0;}
.right,.p-r{right:0;}
.top-right{right:0;top:0}
.top-only{right:0;top:0;left:0;}
.full{top:0;right:0;bottom:0;left:0;}
.p-t5{top:5px;}
.p-t10{top:10px;}

/********************* Fonts ******************/

.fl{float:left;}
.fr{float:right;}

.fwb{font-weight:700}
.fwn{font-weight:400}

.fsh{font-size:20px;}
.fsl{font-size:16px;}
.fsm{font-size:13px;}
.fss{font-size:11px;}
.fst{font-size:10px;}
.fstw{font-size:8px;}

.icon-text{line-height:16px;}

.fcp{color: #9900ff;}
.fcd{color: #330345;}
.fcb{color: #000000;}
.fcgy{color: #808080;}
.fcgn{color: #0BB200;}
.fcr{color: #CA1300;}
.fcw{color: #fff;}

.tdn{text-decoration:none}
.tdu{text-decoration:underline}

.cbg{background-color: #F4F4F4;}
.cbgl{background-color: #F7F7F7;}
.cbgp{background-color: #f7ebff;}
.cbgw{background-color: #FFFFFF;}
.cbgb,.cbb{background-color: #000;}
.cbgdg{background-color: #CCC;}
.cbgbt,.cbbt{background-color: rgba(0,0,0,.6);}
.cbwt{background-color: rgba(255,255,255,0.93);}

/***********************************************************************/
.hp{}
.hc{display:none}
.hp:hover .hcb{display:block}
.hp:hover .hci{display:inline}
/***********************************************************************/
.dl-checked {
        background-image: url(images/sprite.png);
        background-position: -64px -144px;
}
.dl-checkbox {
        width: 16px;
        height: 16px;
        display: inline-block;
}
/***********************************************************************/
.scrt-bs {
        background: -webkit-linear-gradient(transparent,rgba(0, 0, 0, .2));
        -webkit-mask-box-image: -webkit-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,.8),rgba(0,0,0,.1));
        height: 6px;
        position: relative;
}
/***********************************************************************/
textarea, input, select{outline: none;border: #CCC solid 1px;font-size: 14px;padding:3px;
/*-webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);*/
color: rgba(0, 0, 0, 0.75);-webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear;
}

input[type="text"]:focus, textarea:focus { /*background: #fafafa;*/ outline: none !important; border-color: #b3b3b3; }

input[type="checkbox"]{outline: none;border:none;}

.inpf-:focus {
        -webkit-box-shadow: 0px 0px 4px rgba(190, 137, 241, .6);
        -moz-box-shadow: 0px 0px 4px rgba(190, 137, 241, .6);
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#BE89F1')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#BE89F1');
        box-shadow: 0px 0px 4px rgba(190, 137, 241, .6);
        border-color:#BE89F1;
}

.tfp:focus{
        border-color: #AB58DF;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
        outline: none;
}
/***********************************************************************/
.closer {
        float: right;
        font-size: 20px;
        font-weight: bold;
        line-height: 20px;
        color: #000000;
        text-shadow: 0 1px 0 #ffffff;
        opacity: 0.2;
        filter: alpha(opacity=20);
}

.closer:hover,
.closer:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
/***********************************************************************/
                .rate-op {
                        color: #666;
                        cursor: pointer;
                        font-size: 13px;
                        font-weight: normal;
                        height: 18px;
                        line-height: 18px;
                        margin-right: -1px;
                        text-align: center;
                        position: relative;
                        background-color: #f5f5f5;
                        background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
                        background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
                        background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
                        background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
                        background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
                        color: #444;
                        border: 1px solid #dcdcdc;
                        border: 1px solid rgba(0,0,0,0.1);
                        -webkit-border-radius: 2px;
                        -moz-border-radius: 2px;
                        border-radius: 2px;
                        white-space: nowrap;
                        outline: 0;
                        padding: 0 8px;

                        -moz-border-radius-topright: 0;
                        -moz-border-radius-bottomright: 0;
                        -webkit-border-top-right-radius: 0;
                        -webkit-border-bottom-right-radius: 0;
                        border-top-right-radius: 0;
                        border-bottom-right-radius: 0;

                        z-index: 1;
                }

                .rate-op:hover {
                        background-color: #f1f1f1;
                        background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
                        background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
                        background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
                        background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
                        background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
                        border-color: #c6c6c6;
                        color: #333;
                }

                .rate-op.choice {
                        background-color: #89001a;
                        background-image: -webkit-linear-gradient(top,#600010,#89001a);
                        background-image: -moz-linear-gradient(top,#600010,#89001a);
                        background-image: -ms-linear-gradient(top,#600010,#89001a);
                        background-image: -o-linear-gradient(top,#600010,#89001a);
                        background-image: linear-gradient(top,#600010,#89001a);
                        border-color: #8600ED;

                        background: #ab58df;
                        background: -moz-linear-gradient(top, #ab58df 0%, #9e02ff 100%);
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ab58df), color-stop(100%,#9e02ff));
                        background: -webkit-linear-gradient(top, #ab58df 0%,#9e02ff 100%);
                        background: -o-linear-gradient(top, #ab58df 0%,#9e02ff 100%);
                        background: -ms-linear-gradient(top, #ab58df 0%,#9e02ff 100%);
                        background: linear-gradient(top, #ab58df 0%,#9e02ff 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab58df', endColorstr='#9e02ff',GradientType=0 );

                        color: #fff!important;
                        font-weight: bold;
                }

a.social-icon{
     font-size:26px;
     color:#FFF;
     padding:8px;
     display:inline-block;
     margin:0px;
}

a.social-icon:hover{text-decoration:none}

.social-icon.chin-twitter{background:#41b7d8;margin-right:5px;}
.social-icon.chin-facebook{background:#3b5997;margin-right:5px;}
.social-icon.chin-pinterest{background:#CB2027;margin-right:5px;}
.social-icon.chin-googleplus{background:#d64937;}