header, footer, article, section, hgroup, nav, figure, aside {display: block;}
figure {
    margin:0;
    padding:0;
}
html {height:100%;}
body {
    margin:0;
    font:12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color:#8a8a8a;
    min-width:1000px;
    background:#fff;
    height:100%;
}
img {border-style:none;}
a {
    color:#8a8a8a;
    text-decoration:underline;
}
a:hover {text-decoration:none;}
input,
textarea,
select {
    font:100% arial,sans-serif;
    vertical-align:middle;
    color:#8a8a8a;
}
form,fieldset{
    margin:0;
    padding:0;
    border:none;
}

#wrapper {
/*    position:relative;
    min-height:92.7%;
    overflow:hidden;*/
    background:url(../images/bg-wrapper.png) repeat-y;
}
#content {
    float:left;
    width:100%;
}
.footer {
    height:1%;
    overflow:hidden;
    padding:30px 10px 30px 10px;
    background:url(../images/bg-controls.png);
    position: relative;
    bottom: 0;
}

.c1 {margin:0 0 0 77px;}
.controls {
    height:60px;
    //min-height: 20px;
    //overflow:hidden;
    padding:13px 20px 13px 20px;
    background:url(../images/bg-controls.png);
}
.links {float:left;padding-top: 11px; }
.links ul {
    list-style:none;
    margin:0;
    padding:0;
    float:left;
}
.links li {
    float:left;
    margin:0 3px 0 0;
    position:relative;
}
.links a {
    float:left;
    border:1px solid #dde2e8;
    background:#fff;
    -webkit-border-radius: 1px 1px 0 0;
    -moz-border-radius: 1px 1px 0 0;
    border-radius: 1px 1px 0 0;
    color:#1f252a;
    font-size:13px;
    line-height:15px;
    height:28px;
    text-decoration:none;
    padding:9px 19px 0 35px;
}
.links a:hover {text-decoration:underline;}
.links .num {
    position:absolute;
    right:-3px;
    top:-8px;
    color:#fff;
    font:bold 10px/18px Arial, Helvetica, sans-serif;
    width:20px;
    height:20px;
    background: #4c95cd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTVjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzc4YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #4c95cd 0%, #3c78ba 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c95cd), color-stop(100%,#3c78ba));
    background: -webkit-linear-gradient(top,  #4c95cd 0%,#3c78ba 100%);
    background: -o-linear-gradient(top,  #4c95cd 0%,#3c78ba 100%);
    background: -ms-linear-gradient(top,  #4c95cd 0%,#3c78ba 100%);
    background: linear-gradient(to bottom,  #4c95cd 0%,#3c78ba 100%);
    text-align:center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.links .ico1 {background:#fff url(../images/sprite.png) no-repeat 14px -445px;}
.links .ico2 {background:#fff url(../images/reward.png) no-repeat 10px;}
.links .ico3 {background:#fff url(../images/sprite.png) no-repeat 11px -637px;}
.profile-box {float:right;padding-top: 11px;}
.btn-on {
    background:url(../images/sprite.png) no-repeat -230px -5px;
    width:35px;
    height:39px;
    overflow:hidden;
    text-indent:-9999px;
    float:left;
    margin:0 0 0 7px;
}
.profile-box .profile {
    float:left;
    border:1px solid #dde2e8;
    background:#fff;
    -webkit-border-radius: 1px 1px 0 0;
    -moz-border-radius: 1px 1px 0 0;
    border-radius: 1px 1px 0 0;
    /*	height:37px;*/
}
.profile-box .profile .image {
    float:left;
    margin:1px 12px 0 0;
}
.profile-box a {text-decoration:none;}
.profile-box .text-box {
    float:left;
    overflow:hidden;
    color:#a0a0a0;
    font-size:10px;
    line-height:12px;
}
.profile-box .section {
    padding:4px 33px 0 7px;
    float:left;
}
.profile-box a.section {cursor:pointer;}
.profile-box .name {
    display:block;
    font-size:12px;
    line-height:15px;
    color:#4f5f6f;
    font-weight:normal;
}
.profile-box .opener {
    float:left;
    background:url(../images/sprite.png) no-repeat -39px -58px;
    width:32px;
    height:37px;
    overflow:hidden;
    text-indent:-9999px;
    border-left:1px solid #dde2e8;
}
.tabs {border-top:1px solid #fff;}
.tabs .text-section {
    background:#f9f9f9;
    padding:19px 0 8px 36px;
    margin:0 0 1px;
}
.tabs h1 {
    font-size:18px;
    line-height:20px;
    margin:0 0 8px;
    color:#2b333b;
}
.tabs p {margin:0 0 10px;}
.states {
    list-style:none;
    margin:0;
    padding:0;
}
.states li {
    vertical-align:top;
    margin:0 0 1px;
    padding:9px 5px 12px 55px;
}
.states .error {
    background:#ffdede url(../images/sprite.png) no-repeat 17px -712px;
    color:#be0000;
}
.states .warning {
    color:#dc6200;
    background:#fff6de url(../images/sprite.png) no-repeat 18px -975px;
}
.states .succes {
    color:#3f5a04;
    background:#dfedc0 url(../images/sprite.png) no-repeat 15px -841px;
}
#sidebar {
    float:left;
    margin:0 0 0 -100%;
    width:75px;
    padding:18px 1px 0;
}
#sidebar .shadow {
    background:url(../images/bg-shadow.png) no-repeat;
    width:5px;
    height:9999px;
    overflow:hidden;
    text-indent:-9999px;
    position:absolute;
    left:72px;
    top:0;
}

/*Start*/
.leftcolumn {
    width: 7%;
    float: left;
}
.rightcolumn {
    overflow: hidden;
}
/* We remove the margin, padding, and list style of UL and LI components */
#menuwrapper ul, #menuwrapper ul li{
    margin:0;
    padding:0;
    list-style:none;
}

/* We apply background color and border bottom white and width to 150px */
#menuwrapper ul li{
    /*background-color:#7f95db;*/
    border-bottom:solid 1px gray;
    border-right:solid 1px gray;
    border-left:solid 1px gray;
    width:60px;
    cursor:pointer;
}

#menuwrapper li:only-child {
    border-radius: 0 6px 6px 0;
}

#menuwrapper li:first-child {
    border-top:solid 1px gray;
    border-radius: 0 6px 0 0;
}

#menuwrapper li:last-child {
    border-radius: 0 0 6px 0;
}

/* We apply the background hover color when user hover the mouse over of the li component */
#menuwrapper ul li:hover{
    background-color:#0092D1; /*#6679e9;*/
    position:relative;
    z-index: 1;
}

/* We apply the link style */
#menuwrapper ul li a{
    padding:5px 15px;
    color:#ffffff;
    display:inline-block;
    text-decoration:none;
}

#menuwrapper li.active {
    background-color: #f90;
}

/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#menuwrapper ul li ul{
    position:absolute;
    display:none;
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
#menuwrapper ul li:hover ul{
    left:61px;
    top:-1px;
    display:block;
}

/* we apply different background color to 2nd level menu items*/
#menuwrapper ul li ul li{
    /*background-color:#cae25a;*/
}

/* We change the background color for the level 2 submenu when hovering the menu */
#menuwrapper ul li:hover ul li:hover{
    background-color:#0092D1; /*#b1b536;*/
}

/* We style the color of level 2 links */
#menuwrapper ul li ul li a{
    color:#454444;
    display:inline-block;
    /*width:120px;*/
}

/**** THIRD LEVEL MENU ****/
/* We need to hide the 3rd menu, when hovering the first level menu */
#menuwrapper ul li:hover ul li ul{
    position:absolute;
    display:none;
}

/* We show the third level menu only when they hover the second level menu parent */
#menuwrapper ul li:hover ul li:hover ul{
    display:block;
    left:150px;
    top:0;
}

/* We change the background color for the level 3 submenu*/
#menuwrapper ul li:hover ul li:hover ul li{
    background:#86d3fa;
}

/* We change the background color for the level 3 submenu when hovering the menu */

#menuwrapper ul li:hover ul li:hover ul li:hover{
    background:#358ebc;
}

/* We change the level 3 link color */
#menuwrapper ul li:hover ul li:hover ul li a{
    color:#ffffff;
}
/*End*/

.logo {
    background:url(../images/logo-only.png) no-repeat 0 0;
    width:36px;
    height:44px;
    overflow:hidden;
    text-indent:-9999px;
    display:block;
    margin:0 auto 23px;
    position:relative;
    left:1px;
}
.logo a {
    display:block;
    height:100%;
}
.buttons {
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    z-index:2;
    font:bold 11px/13px Arial, Helvetica, sans-serif;
}
.buttons li {
    vertical-align:top;
    margin:0 0 1px;
    position:relative;
}
.buttons a {
    vertical-align:top;
    background: #616a78;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxNmE3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDNkNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #616a78 0%, #343d4b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616a78), color-stop(100%,#343d4b));
    background: -webkit-linear-gradient(top,  #616a78 0%,#343d4b 100%);
    background: -o-linear-gradient(top,  #616a78 0%,#343d4b 100%);
    background: -ms-linear-gradient(top,  #616a78 0%,#343d4b 100%);
    background: linear-gradient(to bottom,  #616a78 0%,#343d4b 100%);
    width:75px;
    height:40px;
    display:block;
    overflow:hidden;
    cursor:pointer;
}
.buttons li.active a {
    background:url(../images/sprite.png) no-repeat -113px -2px;
    margin:0 -21px 0 0;
    padding:0 21px 0 0;
}
.buttons li.active a em {top:40px;}
.buttons a span {
    overflow:hidden;
    text-indent:-9999px;
    display:block;
    /*	width:20px;*/
    width:33%;
    height:30px;
    margin:11px auto 0;
    background:url(../images/sprite.png) no-repeat 9999px 0;
}
.buttons em {
    position:absolute;
    right:0;
    top:0;
    background:url(../images/bg-shadow.png) repeat-y;
    width:4px;
    height:100%;
    overflow:hidden;
    text-indent:-9999px;
}
.buttons .ico1 span {
    width:19px;
    height:18px;
    background-position:0 0;
}
.buttons .active .ico1 span {background-position:0 -23px;}
.buttons .ico2 span {
    background:url(../images/my-account-b.png) no-repeat;
}
.buttons .active .ico2 span {background:url(../images/my-account-w.png) no-repeat;}
.buttons .ico3 span {background:url(../images/my-survey-b.png) no-repeat;}
.buttons .active .ico3 span {background:url(../images/my-survey-w.png) no-repeat;}
.buttons .ico4 span {background:url(../images/my-reward-b.png) no-repeat;}
.buttons .active .ico4 span {background:url(../images/my-reward-w.png) no-repeat;}
.buttons .ico5 span {background:url(../images/faq-b.png) no-repeat;}
.buttons .active .ico5 span {background:url(../images/faq-w.png) no-repeat;}
.buttons .ico6 span {background:url(../images/my-msg-b.png) no-repeat;}
.buttons .active .ico6 span {background:url(../images/my-msg-w.png) no-repeat;}
.buttons .ico7 span {background:url(../images/disconnect-b.png) no-repeat;}
.buttons .active .ico7 span {background:url(../images/disconnect-w.png) no-repeat;}
.buttons .ico8 span {background:url(../images/my-account-b.png) no-repeat;}
.buttons .active .ico8 span {background:url(../images/my-account-b.png) no-repeat;}
.buttons li:hover .tooltip {display:block;}
.buttons .tooltip {
    position:absolute;
    left:61px;
    top:9px;
    color:#3b414d;
    padding:0 6px 0 0;
    background:url(../images/sprite.png) no-repeat 100% -95px;
    height:24px;
    display:none;
    white-space:nowrap;
}
.buttons .tooltip span {
    height:20px;
    float:left;
    padding:4px 3px 0 10px;
    background:url(../images/sprite.png) no-repeat -39px -125px;
}
.buttons .num {
    display:block;
    text-align:center;
    color:#fff;
    background: #950707;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1MDcwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MTAyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #950707 0%, #610202 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#950707), color-stop(100%,#610202));
    background: -webkit-linear-gradient(top,  #950707 0%,#610202 100%);
    background: -o-linear-gradient(top,  #950707 0%,#610202 100%);
    background: -ms-linear-gradient(top,  #950707 0%,#610202 100%);
    background: linear-gradient(to bottom,  #950707 0%,#610202 100%);
    border-top:2px solid #b01919;
}

.loginbox{
    width:40%;
    border: none;
    padding-left: 30%;
    padding-right: 30%;
}


/* Added by gaurang */

.ui-notify {
    width:350px;
    position:fixed;
    top:35px;
    left:50%;
    margin-left: -175px;
    z-index:1000;
}

table.InfoForm {
    border: 1px solid #999;
    background: none repeat scroll 0% 0% #dff4ff; /*#E5E5E5;*/
    border-radius: 4px;
    padding: 10px;
    border-collapse: initial;
    border-spacing: 1px;
}
table.InfoForm tr.odd td {
    background: none repeat scroll 0% 0% #f6fce1; /*#EDEDFB;*/
    padding: 5px;
}
table.InfoForm tr.even td {
    background: none repeat scroll 0% 0% #FFF;
    padding: 5px;
}


/* tool tips css */
.bittooltip {
    border-bottom: 1px dotted #000000; color: #000000; outline: none;
    cursor: help; text-decoration: none;
    position: relative;
}
.bittooltip span {
    margin-left: -999em;
    position: absolute;
}
.bittooltip:hover span {
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute; left: 1em; top: 2em; z-index: 99;
    margin-left: 0; width: 250px;
}
.bittooltip:hover img {
    border: 0; margin: -10px 0 0 -55px;
    float: left; position: absolute;
}
.bittooltip:hover em {
    font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
    display: block; padding: 0.2em 0 0.6em 0;
}
.classic, .critical { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;}
/* .cirtical:before {content:'*';background-image: url('critical.png');display:block; height:32px; width:32px;} */
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }