html, body {
   background-color: #eee;
}

body {
    background: #219b2e;
    background: linear-gradient(90deg, #002404 0%, #219b2e 50%, #002404) 100%;
    font-family:  "Roboto", serif;
}

.container {
    width: 960px;
}

a 
{
    color: #f29f16;
    font-weight: bold;
}

a:hover {
    color: #ae700c;
    text-decoration: none;
}

/* Added CSS 
 * ---------------------------------------------------------------------------------------- */
.btn-span{
    width:108px;
}

.notifo{
    margin-bottom: -8px;

}

span#notification .label{
    padding:0px;
    font-size:8px;
}

table th {
    border-bottom: none;
    color: #fff;
}

.content table th {
    border-bottom: none;
    color: #404040;
}

table td {
    color: #fff;
    border-top: 1px solid #238122;
}

.content table td {
    color: #404040;
}

.topbar {
    position: relative;
    padding:20px 0;
}
.topbar a.username{
    color:#66ccff;
    margin-right:5px;
}

.topbar a {
    color: #fff;
    font-weight: bold;
}

.topbar div > ul a, .nav a {
    padding: 10px 20px 10px 0px;
}

.topbar ul .active > a, .nav .active > a 
{
    background-color: transparent !important;
    color: #f29f16;
    font-weight: bold;
}

.colorwhite{
    color:#fff;
}
.pink{
    background-color: pink;
}

.tabs {
    margin-top: 15px;    
}

hr {
    border-color: -moz-use-text-color -moz-use-text-color #fff;
    border-style: none none solid;
    border-width: 0 0 1px;
    margin: 20px 0 19px;
}

.actions {
    border-top: none;
    background:none;
}
.small-text{
    font-size: 10px;  
}

.thumbnail{
    width:16px;
    height:16px;
    vertical-align:middle;
}
.thumbnail25{
    width:25px;
    height:25px;
    vertical-align:middle;
}

.thumbnail24{
    width:24px;
    height:24px;
    vertical-align:middle;
}

.thumbnail48{
    width:48px;
    height:48px;
    vertical-align:middle;
    border:1px solid #eee;
    padding:1px;
}
.online-status{
    vertical-align:middle;
    margin-top: -2px;
}
.jerk{
    margin-top: 2px;
}
.thumbnail250{
    width:500px;
    height:350px;
}
#chatBoxGame {
    border: 1px solid #EEEEEE;
    padding: 5px;
    margin-left:15px;
}

#showmsg{
    background:white;
    width:90%;
    height:215px;
    overflow:auto;
    padding:0 10px;
}

#showmsg p {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    margin-bottom: 5px;
}


#chatBoxGame #mytext{
    margin-top:5px;
    width:180px;
}


#mytext{
    margin-right:10px;
    width:180px;
}

a#about {
    color:#000;
    text-decoration:none;

}
a#about:hover{
    color:#666;
}

a.status {
    color:#000;
    text-decoration:none;
    text-align:right;
}
a.status:hover {
    color:#fff;
}
.hide{
    display:none;
}

#active span {
    line-height:25px;
}

#active{

    margin-top: 15px;
}

.private_msg{
    background: #f5f5f5;
}

#chatBox {
    border-top:none;
    padding: 5px;
    clear: both;
    height: 400px; 
    overflow: auto;
}

#showchatmsg{
    background:white;
    padding:0 10px;
}

#showchatmsg p {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    margin-bottom: 5px;
}

#textchat{
    width:90%;
    height: 40px;
    float: left;
}

#mybutton {
    height: 28px;
    float: left;
    margin: 5px;
}

.chatboxfab #textchat{
    width:265px;
    height: 40px;
    float: left;
}

.chatboxfab #mybutton {
    height: 28px;
    float: left;
    margin: 5px 0;
}

#statics{
	height:230px;
	margin-left:30px;
}

#statics table tbody tr:first-child td {
    border-top: none;
    text-align: left;
}
.right-pos{
    margin-top: 50px;
}
.hidetext{/*
 margin-top:-21px;
 margin-right:0px*/
}
.hidetext:hover{
    background: #f55555;
}
.righttext{
    color:#842;
}
.delcursor{
    cursor: pointer;
}

.tiny-text{
    margin-top:-15px;
    display:block;
    font-size: 10px;  
}
.watcher{
    font: italic 12px arial;
}

.msg-not-sent{
    font: italic 12px arial;
}

.profile-link {
    color: #404040;
}

.profile-link:hover {
    color: #404040;
}

#statics table td{
    padding: 5px 10px 6px;
    color: #404040;

}

#statics table td:first-child{
    width:115px;  
}

.rescent-table{
    margin-bottom : 1px;
}




/***** added css *****/
.clear {
    clear: both;
}

#sponsor {
    overflow: hidden;
    /*background: #fafafa;
    border: 1px solid #eee;*/
    border-left: none;
    border-right: none;
    padding: 18px 28px;
    margin: 10px 0px 30px;
}

#sponsor h4 {
    font: bold 18px Arial, sans-serif, verdana;
    color: #404040;
    margin-bottom: 14px;
}

#sponser-title {
    background: url('../images/sponsor.png') no-repeat;
    text-indent: -300px;
}

#sponsor-lists {
    overflow: hidden;
}

#sponsor-lists .ad-banner {
    overflow: hidden;
    padding: 0;
    margin-right: 29px;
    text-align: center;
}

#sponsor-lists .ad-banner img {
    border: 1px solid #e8e8e8;
}

#sponsor-lists .ad-banner img:hover, #new-users img:hover {
    border: 1px solid #038cd7;
}

.sponser-1 img:hover{
    /*border: 1px solid #038cd7;*/
}

#sponsor-lists .ad-banner a {
    text-align: center;
    font: bold 11px Arial, sans-serif, verdana;
    color: #777;
    text-decoration: none;
    overflow: hidden;
}


#sponsor-side {
    border: 1px solid #d7d7d7;
    padding: 5px;
    width: 290px;
    margin-top: 70px;
}

.computer {
    margin-right: 30px;
    margin-top: 48px;
}

.profile {
    margin-top: 30px;
    margin-right: 100px;
}

.sponser-1 {
    height: 90px;
    margin-bottom: 4px;
}

.logged-in {
    margin: 45px 0 23px;
}

/*** notice starts ***/

.breadcrumb {
    margin: 0 0px 5px;
    padding: 20px 10px;
    background-color: #052203;
    background-image: none;
    box-shadow: none;
    border: 0;
}

#notice {
    overflow: hidden;
    color: #fff;
}

#notice p {
    margin-bottom: 0;
    overflow: hidden;
    background: url('../images/notification.png') no-repeat;
    padding-left: 35px;
    color: #fff;
}

/*** notice ends ***/

/*** welcome-block starts ***/
#welcome-block {
    overflow: hidden;
    margin-top: 25px;
    background: #fafafa;
    border: 1px solid #eee;
    border-left: none;
    border-right: none;
    padding: 20px 15px;
    border-radius: 5px;
}

#welcome-block h4 {
    font: bold 18px Arial, sans-serif, verdana;
    color: #404040;
    margin-bottom: 16px;
}

#welcome-block p {
    font: 13px Arial, sans-serif, verdana;
    color: #666;
    line-height: 18px;
    text-align: justify;
    margin-bottom: 22px;
}

#welcome-block a {
    font: bold 13px Arial, sans-serif, verdana;
    color: #404040;
    padding: 5px 14px 6px;
}

#welcome-block a.links {
    font: bold 13px Arial, sans-serif, verdana;
    color: #404040; 
    padding:0px;   
}



/*** welcome-block starts ***/
#store-block {
    overflow: hidden;
    margin-top: 25px;
    background: #052203;
    border: 1px solid #219b2e;
    padding: 20px 15px;
    border-radius: 5px;
}

#store-block h4 {
    font: 18px Arial, sans-serif, verdana;
    font-weight: bold;
    color: #51ab58;
    margin-bottom: 16px;
}

#store-block .text {
    font: bold 13px Arial, sans-serif, verdana;
    color: #51ab58;
    line-height: 20px;
    text-align: justify;
    padding-top: 35px;
}

#store-block a {
    font: 13px Arial, sans-serif, verdana;
    font-weight: bold;
    color: #404040;

}

#store-block a.links {
    font: 13px Arial, sans-serif, verdana;
    font-weight: bold;
    color: #92db72; 
    font-style: italic;
}

#store {
    overflow: hidden;
    width: 380px;
    margin-right: 20px;

}

#store img {
    width: 380px;
}

.store-list {
    list-style-image: url(../images/listing.png);
    margin: 0 0 5px 25px;
}

.store-list li {
    color: #51ab58;
    line-height: 22px;
    text-align: justify;
    margin: 0px !important;
    font-style: italic;
    font-size: 13px !important;
    margin-left: 20px;
    font-weight: bold;
}


.store-description {
   overflow: hidden;
   padding: 5px 20px 20px 0px;
}


/*** welcome-block starts ***/
#welcome-block-home {
    overflow: hidden;
    margin-top: 25px;
    background: #fafafa;
    border: 1px solid #eee;
    border-left: none;
    border-right: none;
    padding: 20px 15px;
    border-radius: 5px;
}

#welcome-block-home h4 {
    font: bold 18px Arial, sans-serif, verdana;
    color: #404040;
    margin-bottom: 16px;
}

#welcome-block-home h4.create-game-msg
{
    font: bold 12px Arial, sans-serif, verdana;
    color: #404040;
    margin-bottom: 16px;
}

#welcome-block-home p.text {
    font: 13px Arial, sans-serif, verdana;
    color: #666;
    line-height: 18px;
    text-align: justify;
    margin-bottom: 22px;
}

#welcome-block-home a.welcomebtn {
    font: bold 13px Arial, sans-serif, verdana;
    color: #404040;
    padding: 5px 14px 6px;
}

#welcome-block-home a.links {
    font: bold 13px Arial, sans-serif, verdana;
    color: #404040; 
    padding:0px;   
}

/*box*/

#welcome {
    overflow: hidden;
    width: 250px;
    margin-right: 80px;
}

#welcome-baghchal {
    margin-top: 2px;
}

#learn {
    /*background: url('../images/learn_play.png') no-repeat;*/
    margin-top: 2px;
    /*text-indent: -150px;*/
}

#play-with-computer {
    overflow: hidden;
    width: 200px;
    background: url('../images/computer.png') no-repeat;
    background-position-x: 10px;
    padding: 100px 0 0;
    margin-top: 10px;
}

#play-with-computer span {
    font: 13px Arial, sans-serif, verdana;
    font-weight: bold;
    color: #65a929;
    margin-top: 2px;
}

#learn-play {
    overflow: hidden;
    width: 315px;
}

#learn-play ul {
    margin: 0;
}

#learn-play ul li {
    list-style: none;
    display: block;
    float: left;
    margin-right: 10px;
}

#welcome-block #learn-play ul li a {
}


/*** welcome-block ends ***/

/*** register-block starts ***/
#register-block {
    overflow: hidden;
    margin-top: 25px;
    border: 1px solid #eee;
    border-radius:5px;
    padding: 20px 20px 0;
    color: #fff;
}

#register-block h3 {
    color:#fff;
}

/* recently joined starts */
#recently-joined {
    overflow: hidden;
    background: #fdfdfd;
    width: 280px;
    padding: 10px;
    padding-bottom: 0;
    margin-right: 25px;
}

#recently-joined h5 {
    font: bold 13px Arial, sans-serif, verdana;
    color: #404040;
    margin: 0 0 10px 0;    
}

#new-users {
    overflow: hidden;
    margin-bottom: 0;
}

#new-users a {
    text-decoration: none;
}

#new-users a:hover {color: #404040;}

#new-users tr {
    margin-bottom: 5px;
}

#new-users tr td {
    border: none;
    padding: 0 5px 10px 0;
    text-align:center;
}

#new-users img {
    margin-bottom: -5px;
    margin-left: -15px;
    border: 1px solid #ddd;
}

.user-name {
    font: 9px Arial, sans-serif, verdana;
    color: #666;
    
}
/* recently joined ends */

/* signup form starts **/
#signUp {
    overflow: hidden;
    width: 300px;
    padding: 0 5px;
    margin-right: 35px;
}

#signUp .clearfix {
    margin-bottom: 15px;
}

#signUp .clearfix input {
    width: 180px;
}

#signUp fieldset {padding: 0;}

#signUp #signup-title {
    background: url('../images/signup.png') no-repeat;
    text-indent: -200px;
    overflow: hidden;    
    font: bold 17px Arial, sans-serif, verdana;
    color: #404040;
    padding: 0;
    margin-bottom: 18px;
}

#signUp label {
    color: #fff;
    float: left;
    font-size: 13px;
    line-height: 12px;
    padding-top: 6px;
    text-align: justify;
    width: 80px;
}

.content #signUp label {
    color: #404040;
}

#signUp .input {margin-left: 95px;}

#signUp .actions {
    padding: 0px 0px 0px 95px;
    margin-top: -5px;
}

#btnSignUp {
    font: bold 13px Arial, sans-serif, verdana;
    color: #f0f0f0;
}
/* signup form ends */

/* login form starts **/
#signIn {
    overflow: hidden;
}

#signIn .clearfix {
    margin-bottom: 15px;
}

#signIn .clearfix input {
    width: 180px;
}

#signIn fieldset {padding: 0;}

#signIn #signup-title {
    background: url('../images/signup.png') no-repeat;
    text-indent: -200px;
    overflow: hidden;    
    font: bold 17px Arial, sans-serif, verdana;
    color: #404040;
    padding: 0;
    margin-bottom: 18px;
}

#signIn label {
    color: #fff;
    float: left;
    font-size: 13px;
    line-height: 12px;
    padding-top: 6px;
    text-align: justify;
    width: 80px;
}

#signIn .input {margin-left: 95px;}

#signIn .actions {
    padding: 0px 0px 0px 95px;
    margin-top: -5px;
}

#btnSignIn {
    font: bold 13px Arial, sans-serif, verdana;
    color: #f0f0f0;
}
/* login form ends */


/* signup to starts **/
#signup-to {
    overflow: hidden;
    width: 230px;
}

#signup-to h4 {
    font: bold 18px Arial, sans-serif, verdana;
    color: #259fd1;
    margin-bottom: 15px;
}

#signup-to-title {
    background: url('../images/signup_to.png') no-repeat;
    text-indent: -300px;
}

#signup-to ul {
    margin: 0;
    list-style-image:url('../images/listing.png');
}

#signup-to ul li {
    font: 12px Arial, sans-serif, verdana;
    color: #fff;
    line-height: 20px;
    padding-left: 20px;
    margin:0px;
    background: url('../images/listing.png') no-repeat;
    background-position: 2px;
}

/* signup to ends **/


/*** register-block ends ***/


/***** ##### drop-down login starts ##### *****/
a#signin-link {
    color:#333;
    position:relative;
	text-shadow: none;
	margin-top: 5px;
}

a#signin-link em {
    font-size:10px;
    font-style:normal;
    margin-right:4px;
}

a#signin-link strong {
    color:#000;
}

#signin-dropdown {
    background-color:#f5f5f5;
    border-radius: 5px;
    box-shadow:0 1px 2px #666666;
    -webkit-box-shadow: 0 1px 2px #666666;
    min-height:200px;
    min-width:160px;
    position:absolute;
    right:161px;
    margin-top: -10px;
    display:none;
	top: 50px;
}

#signin-dropdown form {
    cursor:pointer;
    padding:10px 20px;
    text-align:left;
}

#signin-dropdown a {color: #0069D6; text-shadow: none;}

#signin-dropdown label {
	width: 80px;
	float: none;
}

#signin-dropdown .clearfix {margin-bottom: 12px;}

#signin-dropdown .input {margin: 5px 0 0 0;}

#signin-dropdown .input  input {border: 1px solid #ccc; background: #fff; color: #999; width: 175px;}

#signin-dropdown .input  input:focus {text-shadow: none; box-shadow: none; padding: 4px 9px;}

#submit-login {padding: 6px 13px;}

#submit-login:hover {background: #0066cc; color: #fff; text-shadow: none;}

#signin-dropdown .forget-password {color: #0069D6;}
/***** ##### drop-down login ends ##### *****/



/***** login down fixed *****/
.topbar-inner, .topbar .fill {
    height: 40px;
}

a#signin-link {
    position: relative;
    margin-right: 4px;
    left: 0;
}

.active_btn {
    position: fixed;
    right: 0;
    left: 100px;
    margin-left: 96px;
}

#signin-dropdown {
    position: relative;
    right: 0;
    top: 16px;
}

#signup-link {
    margin-top: 5px;
}

/***** login down fixed *****/
/***** added css *****/


/***$$$ sponsors page starts $$$***/ 
.sponsor-type {
    overflow: hidden;
    background: #fafafa;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 15px;
    margin-top: 30px;
}

.sponsors {
    overflow: hidden;
    background: url('../images/sponser-type-bg.png') repeat-y;
}

.sponsor-details {
    overflow: hidden;
    width: 221px;
    margin-right: 25px;
}

.sponsor-details p {
    font-size: 12px;
    text-align: justify;
    color: #666;
    line-height: 18px;
    margin-bottom: 22px;
}

.sponsor-links {
    overflow: hidden;
    background: url('../images/arrow.png') no-repeat;
    background-position: left;
    padding-left: 5px;
}

.sponsorX {
    overflow: hidden;
    float: left;
    text-align: center;
    margin-left: 30px;
    margin-top: 15px;
}

.sponsor-links .sponsorX1 {
    overflow: hidden;
    background: #fff;
    float: left;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px 5px 2px 5px;
}

.sponsor-links .sponsorX1:hover {border: 1px solid #bbb;}

.sponsorX a {
    color: #777777;
    font: bold 11px Arial,sans-serif,verdana;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
}

.sponsorX a:hover {color: #0069D6;}


/***$$$ sponsors page ends $$$***/ 

/***** |||---+++ competitions starts {5 june 2012}  +++---|||*****/

.competition-lists {
    overflow: hidden;
    margin-bottom: 30px;
}
.competition-lists a.competition-wrapper{
  text-decoration : none;
  overflow:hidden;
 }
 
.competition-lists .competition-wrapper .listX:hover{
  background:#fafafa;
}

 .listX{
    overflow: hidden;
    clear: both;
    border-bottom: 1px solid #eee;
    padding: 25px 5px;
}

.listXlast{
    border-bottom: none;
}

.listX .competition-title-description {
    overflow: hidden;
    width: 325px;
}

.listX .competition-title-description h4 {
    font: bold 18px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #259fd1;
    margin-bottom: 5px;
}

.listX .competition-title-description h5 {
    font: bold 12px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #888;
}

.listX .competition-title-description p {
    font: 13px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #666;
    text-align: justify;
    margin-top: 25px;
}

.listX .about-competition {
    width: 350px;
    overflow: hidden;
    margin-top: 30px;
    padding-left: 40px;
}

.listX .about-competition label {
    float: left;
    width: 150px;
    font: bold 16px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #404040; 
    overflow: hidden;
    margin-right: 10px;
}

.listX .about-competition .control-group {
    margin-bottom: 0px;
}

.listX .about-competition span {
    font: 16px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #666; 
    line-height: 31px;
}

.competition-winner {
    overflow: hidden;
    width: 175px;
    text-align: center;
    margin-top: 10px;
}

.competition-winner h4 {
    color: #f89406;
    font: bold 17px Arial, Helvetica, "Nimbus Sans", sans-serif;
}

.competition-username {
    font: bold 12px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #666;
}

.watch-game {
    font: 11px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #0069D6;
}

.content-home {
    background-color: transparent;
    padding: 20px;
    margin: 0 -20px;
    box-shadow: none;
}

.content {
    background-color: #fff;
    padding: 20px;
    margin: 20px -20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}

.page-header {
    background-color: transparent;
    padding: 20px 8px 10px;
    margin: 0px -10px 0px;
    border-radius: 5px;
    border: none;
    color: #fff;
    box-shadow: none;
}

.page-header h2 {
    font-size: 30px;
    margin-bottom: 7px;
}

.page-header h1 {
    color: #404040;
}

.content-home .page-header h1 {
    color: #fff;
    text-shadow: 2px 2px #121212;
}

.competition-page p {text-align: justify;}

.competition-page .sponsors {background: none;}

.competition-page .sponsor-links {background: none; padding: 0;}

.competition-page .sponsorX {margin-left: 23px;}

#competition-status {
    background: #94cfed;
    height: 39px;
    width: 160px;
    text-align: center;    
    border: 1px solid #ddd;
}

#competition-status h3 {
    font: bold 16px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #307598;
    line-height: 42px;
}

#competition-title {
    overflow: hidden;
    min-height: 200px;
    padding: 10px 5px 0;
    border-bottom: 1px solid #ddd;
}

#competition-title .title-left {
    width: 400px;
    padding: 70px 10px 0 0;
}

#competition-title h4 {
    color: #259FD1;
    font: bold 18px Arial,Helvetica,"Nimbus Sans",sans-serif;
    margin-bottom: 5px;
}

#competition-title .title-right {
    overflow: hidden;
    padding: 10px 0 0 0;
}

.title-right p {
    font: 13px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #666;
    margin-bottom: 3px;
    min-width: 80%;
}


#competition-contents {
    overflow: hidden;
    padding: 10px 5px;
}

.competition-page h3 {
    font: bold 18px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #404040;
}

.competition-page h5 {
    font: bold 12px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #666;
    margin-bottom: 10px;
}

/***** join competition left area *****/
.join-competition {
    overflow: hidden;
    width: 630px;
    margin-right: 50px;
}

.join-competition p {
    /*color: #666;*/
}

/*** term & conditions ***/
#terms-conditions {overflow: hidden; margin-top: 30px;}

#terms-conditions .box-area {
    height: 320px;
    width: 95%;
    overflow: auto;
    border: 1px solid #eee;
    padding: 10px;
    margin: 5px 0;
}

#terms-conditions .box-area  {
    font: 12px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #aaa;
}
#terms-conditions .box-area li{    
    color: #aaa;
}


/**** participants ****/
.participants {
    overflow: hidden;
    width: 200px;
    height: 500px;
    padding: 15px;
    background: #fafafa;
}

.participants h4 {color: #259fd1;}

.participantX {
    overflow: hidden;
    padding: 3px;
    padding-bottom: 0;
}

.participantX a {overflow: hidden; text-decoration: none;}
.participantX:hover {background: #eee; text-decoration: none;}

.participantX img {float: left; margin-right: 15px; border: 1px solid #f1f1f1;}

.participantX h6 {font: bold 12px/18px Arial, Helvetica, "Nimbus Sans", sans-serif; color: #808080; text-transform: none;}

.participantX p {font: 11px Arial, Helvetica, "Nimbus Sans", sans-serif; color: #909090;}


/***** competition sponsors *****/ 
#competition-sponsors {
    overflow: hidden;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 25px;
}

#competition-sponsors .row {padding: 0; margin-left: 0;}

.competition-sponsor {
    margin-bottom: 30px;
}

.sponsor-title {
    font: bold 14px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #666;
    padding-top: 45px;
}

#bronze-sponsor .sponsor-title {padding-top: 25px;}

#bronze-sponsor .span12 {margin-top: 23px;}

#bronze-sponsor {margin-bottom: 0;}

#gold-sponsor {margin-top: 30px;}


.competition-sponsor .sponsorX {margin-top: 0;}

.competition-sponsor ul {margin-bottom: 10px;}

.competition-sponsor ul li {
    list-style: none;
    display: inline;
}

.competition-sponsor ul li a {
    font: bold 11px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #666;
    padding: 0 5px;
} 


#participants-box {
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 25px;
    margin-bottom: 25px;
    margin-left: 30px;
}

#participants-box h2, #game-rules h2 {
    font: 20px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #404040;
}

.participant-lists {
    overflow: hidden;
    padding: 0 9px;    
    margin: 0 0 0 -20px;    
}

.participant-X {
    overflow: hidden;
    margin: 10px 0 0 18px;
    text-align: center;
    width: 62px;
    text-decoration: none;
    float: left;
}

.participant-X img {margin-bottom: -5px; border: 1px solid #eee;}

.participant-X p {
    text-align: center; 
    width: 60px; 
    font: 11px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #0069d6;
}
.user-data-show{
  padding-top:6px;
  text-align:left;
  font-weight:bold;
}
.res-error-message{
  color:red;
}
#game-rules ul {
    margin-top: 7px;
}

#game-rules ul li {
    list-style: decimal; 
    font: 13px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #666;
    line-height: 22px;
}

/***** dissolve-reason stars *****/
.dissolve-reason {
    overflow: hidden;
    padding-top: 10px;
}

.dissolve-reason h3 {margin-bottom: 10px;}

.dissolve-reason p {line-height: 20px;}

/***** dissolve-reason ends *****/

/***** in-progress games starts *****/
.competition-levels {
    padding: 10px;
    overflow: hidden;
    border-top: 1px solid #DDD;
    margin-top:25px;
    /*background:#fafafa;*/
}
.table-comp{
	margin-bottom:0;
	/*background:#fafafa;
	border-bottom: 1px solid #DDD;*/
	border-top: 0;
}
#winner-area {
    overflow: hidden;
    padding: 10px;
    margin-top: 15px;
    text-align: center;
    padding-left: 160px;
}

#winner-area .span {
    display: inline;
    list-style: none;
    float: left;
    text-align: center;
    margin-right: 50px;
}

#winner-area .span a {text-decoration: none;}

#winner-area .span img {border: 3px solid #d7d7d7; border-radius: 4px;}

#winner-area .span.runner-up {
    padding-top: 41px;
}

#winner-area .span.runner-up p {
    font: bold 13px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #404040;
}

#winner-area .span.winner p {
    font: bold 18px Arial, Helvetica, "Nimbus Sans", sans-serif;
    color: #404040;
}


/***** in-progress games ends *****/


/***** |||---+++ competitions ends +++---|||*****/

/*** modified: june-14 ***/
#competition-info {
    overflow: hidden;
    
}

#competition-info .clearfix {    
    clear: both;
    margin-bottom: 15px;
}

#competition-info .clearfix label {
    padding: 0;
    width: 120px;
    margin-right: 35px;
}

#competition-info .clearfix .input {
    overflow: hidden;
}

#competition-info .clearfix .input p {color: #777;}

#competition-info .clearfix .input span {
    margin-right: 10px;
    color: #888;
    font: bold 12px Arial, sans-serif;
}
/*** ***/
.block-second{  
  margin-top: 25px;
}
.highlight{background:#eee;}

.gamestatus{
margin-left:0px;
}

.page-content-text p{
font-size:15px;
color: #999;
}

.comp-level-trigger{
cursor:pointer;
}

/*----share buttons and modifications -----*/

.twitter-share-button{
height: 20px;
display:inline;
min-width: 85px !important; 
width: 85px !important;
}

.gplus-wrapper > div {
height: 20px;
display:inline;
min-width: 70px !important; 
width: 70px !important;
}
.share-btns-home{
margin-top: 10px;
}

#sponsor-side {
    margin-top: 100px;
}

#showmsg {
    height: 150px;
}

#chatBoxGame {
    margin-top: 60px;
    position: relative;
}
.small-text-home{
font-size: 10px;
color:#999;
font-weight:bold;
}

.small-text-home span{
font-weight:normal;
}

table tbody th {
border-top:none;
}


#baghchalstats{

    width:500px;
    margin: 40px auto;
}

#wraptop{

    width: 50%;
    margin: 0 auto;
}


#Join{
    margin-top: 20px;
}

#Join .btn-span {
    margin-left:0px;
    margin-right: 0px;
}

#Join .btn-span.resume {
    margin-left:0px;
    margin-right: -20px;
}

#Join .span2 {
    margin-left:0px;
    margin-right: 0px;
}


/*------------------
Win Display
--------------------*/

#wincanvas {
    cursor: crosshair;
    display: block;
}


.win-overlay {
    background: #222;    
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.9;
    z-index: 999;
}

.win-notice{
    color: #999;
    position: absolute;
    top: 15%;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.9;
    z-index: 9999;
    font-size: 20px;
    text-align: center;
    padding: 20px;
    height: 100px;
    width: 30%;
    margin: 0 auto;
    font-family: verdana;
}

.win-notice h1, .win-notice h2 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #999;
}

.win-notice p {
    font-size: 15px;
    line-height: 20px;
}


.win-notice a, .win-notice a:visited, .win-notice a:hover{

color: yellow;
}

.win-notice a.muted {
    color: gray;
}

.win-wrap{
    display: none;
}

footer {
    margin-bottom: 20px;
}


footer, footer h2 {
    color:#fff;
}

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

footer p {
    text-align: center;
}

.footer ul {
    margin: 0 0 18px;
    padding: 7px 14px;
    list-style: disc;
}

footer ul li {
    display: inline;    
}

footer .divider {
    padding: 0 5px;
    color: #bfbfbf;
}

footer img {
    width:32px;
    height:32px;
    padding:0 10px;
}

.footer-logo {
    width: 300px;
    height: 80px;
}

input.error {
    border-color: #c87872;
}

input.success {
    border-color: #78c872;
}

.chatboxfab {
    position: fixed;
    bottom: 0;
    right: 30px;
    width: 300px;
    background-color: #eee;
    -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
z-index: 999;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.chatbox--tray {
    bottom: -410px;
}

.chatbox--closed {
    bottom: -400px;
}

.chatbox__title,
.chatbox__body {
    border-bottom: none;
}

.chatbox__title {
    min-height: 50px;
    padding-right: 10px;
    background-color: #1f2836cc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;

    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;
}

.chatbox__title h5 {
    height: 50px;
    margin: 0 0 0 15px;
    line-height: 50px;
    position: relative;
    padding-left: 20px;

    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.chatbox__title h5 a {
    color: #fff;
    max-width: 195px;
    display: inline-block;
    text-decoration: none;
}

.chatbox__title h5 a:focus {
   outline: 0 !important;
}

.chatbox__title h5:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    background: #4CAF50;
    border-radius: 6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.chatbox__title__tray,
.chatbox__title__close {
    width: 24px;
    height: 24px;
    outline: 0;
    border: none;
    background-color: transparent;
    opacity: 0.5;
    cursor: pointer;

    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
}

.chatbox__title__tray:hover,
.chatbox__title__close:hover {
    opacity: 1;
}

.chatbox__title__tray span {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-bottom: 2px solid #fff
}

.chatbox__title__close svg {
    vertical-align: middle;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.2px;
}

.border {
    margin-top: 40px;
    border: 1px solid #eee;
    padding: 20px 15px;
}

.block {
    width: 250px;
    margin: 0 20px;
}

.large {
    width: 575px;
    margin: 0 20px;
}

.block ul li {
    padding: 5px 0;

}

.label.notice {
    font-size: 10px;
}

.topbar .brand {
    padding: 0px 10px 12px 20px;
}

.topbar .superbrand
{
    margin-left:120px;
}

.topbar .userbrand {
    margin-left:150px;
}

/*articles*/

.page-header a {
    text-decoration: none;
}

.page-content li {
    font-size:12px;
    margin:10px;
}


/*** welcome-block starts ***/
.box {
    overflow: hidden;
    margin-top: 25px;
    background: #fff;
    border: 1px solid #eee;
    border-left: none;
    border-right: none;
    padding: 40px 25px;
    border-radius: 5px;
}

.box h4 {
    font: bold 18px Arial, sans-serif, verdana;
    color: #404040;
    margin-bottom: 16px;
}

.box h4.create-game-msg
{
    font: bold 12px Arial, sans-serif, verdana;
    color: #404040;
    margin-bottom: 16px;
}

.box p.text {
    font: 13px Arial, sans-serif, verdana;
    color: #666;
    line-height: 18px;
    text-align: justify;
    margin-bottom: 22px;
}

.box a.welcomebtn {
    font: bold 13px Arial, sans-serif, verdana;
    color: #404040;
    padding: 5px 14px 6px;
}

.box a.links {
    font: bold 13px Arial, sans-serif, verdana;
    color: #404040; 
    padding:0px;   
}

.box-block {
    overflow: hidden;
    width: 280px;
}

.box-block h5 {
    font: bold 13px Arial, sans-serif, verdana;
    color: #404040;
    margin: 0 0 10px 0;
}

.box-table th, .box-table td{
    padding: 10px 0px;
    line-height: 18px;
    text-align: left;
}

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

img.lifetime-member-banner {
    width:250px;
    height:120px;
    margin-left:40px;
}

.lifetime {
    background:#000;
    border:1px solid #f29f16;
}

.lifetime h4 {
    font: bold 18px Arial, sans-serif, verdana;
    color: #fff;
    margin-bottom: 16px;
}

.lifetime h5 {
    font: bold 13px Arial, sans-serif, verdana;
    color: #fff;
    margin: 0 0 10px 0;
}

.lifetime p.text {
    font: 13px Arial, sans-serif, verdana;
    color: #fff;
    line-height: 18px;
    text-align: justify;
    margin-bottom: 22px;
}

.lifetime .user-name {
    color: #fff;
}

.text-lifetime {
    color: #219b2e;
    font-weight: bold;
}

.text-small {
font-size:0.7em;
}

/******Rules & Help******/

ul.help-nav{float:left; padding:0; margin-left:0; border-right:1px solid #ccc; width:170px; padding-right:30px; }
ul.help-nav li{ list-style:none; border-bottom: 1px solid #eee;}
ul.help-nav li a{ padding:10px; display:block;}
ul.help-nav li a:hover, ul.help-nav li.active a{ text-decoration:none; background:#eee; color:#000;}

.help-nav-content{ float:left; clear:none; }
.help-nav-content h5{ line-height:24px;}

.tactic-header {
    background: rgb(218, 245, 255);
    padding: 20px 20px;
    text-align: center;
}

.margin20{margin:10px;}
.how-to-play ul li{list-style: none; margin:20px 0;}
.how-to-play .image-descpt{ padding:30px 15px; background:#FFF; min-height:200px; border:1px solid #ccc;}
.how-to-play .image-descpt h4{ line-height:20px; margin-bottom:5px;}
.how-to-play .image-descpt p{ color:#333;}
.how-to-play .image-descpt p.highlighted{ color:#006fae;}
.how-to-play .image-descpt p.page-no{ float:right; font-size:12px; color:rgb(170, 170, 170);}

table img {
    margin-left: 4px;
}


/**** Responsive ****/

@media only screen and (max-width: 600px) {

    body {
        background: #02540b;        
    }

    .topbar .container 
    {
        width: auto;
    }

    .topbar div > ul a, .nav a {
        padding: 10px 20px 10px 10px;
    }

    .topbar div > ul, .nav {
        margin: 0 10px 0 10px;
    }
    

    .container {
        width: 100vw;
        margin-left: auto;
        margin-right: auto;
        zoom: 1;
    }

    .content-home {
        margin:0px;
    }

    .content {
        margin:10px;
    }

    #baghchalstats {
        width: 330px;
        margin: 40px auto;
    }

    #baghchalstats .row {
        margin-left: 0px;
    }

    #baghchalstats a.status {
        text-align: left;
    }

    #baghchalstats .span3 {
        width:82px;
    }

    #welcome {
        width:100%;
        float:none;
    }

    #store img {
        width: 85%;
    }

    #play-with-computer {
        width:200px;
        margin: 50px auto;
        float: none;

    }

    #recently-joined {
        float:none;
        width:100%;
    }

    #register-block {
        padding: 10px;
    }

    #signUp {
        width:250px;
        margin-right: 5px;
    }

    #signUp .clearfix input {
        width: 120px;
    }

    #signup-to {
        overflow: hidden;
        width: 260px;
    }

    #signIn {
        float:none;
        clear: both;
        width: auto;
        border:1px solid #eee;
        background-color: #f5e273;
    }

    #signIn .input {
        margin-left: 80px;
    }

    #signIn form {
        padding:30px;
    }

    #signIn .clearfix input {
        width: 160px;
    }

    footer p {
        text-align: center;
        padding: 0 30px;
    }

    footer {
        margin-bottom: 100px;
    }

    .footer-logo {
        margin-top: 15px;
    }

    .footer-about p a {
        display: inline-block;
        margin:5px 5px;
    }

    #recently-joined #ActiveGame {
        width:300px;
        margin:0 auto !important;
        float:none;
    }

    .page-content .row .span16 {
        width: 80vw;
    } 

    #about .row .span16 {
        width: 80vw;
    } 

    .page-content .row .span8 {
        margin-left: 50px;
        width: 75vw;
    }

    #rules iframe {
        width: 80vw;
    }

    .page-content .row .offset1 {
        margin-left: 50px;
    }

    .page-content .row .offset2 {
        margin-left: 50px;
        margin-bottom: 20px;
    }

    #playGame .span5{
        float: none;
    }

    #statics {
        height: auto !important;
    }

    .modal {
        width: 80vw;
        left: 50%;
    }

    .modal .span3 {
        width:140px;
    }

    #modal-newgame {
        width: 80vw;
        left: 50%;
    }

    #modal-newgame .offset1 {
        margin: 0;
    }

    #modal-newgame .span3 {
        width:160px;
    }

    

    #canvas {
        margin: 0 -10px;
    }

    table th, table td {
        padding: 10px 0px 5px 5px;
        line-height: 18px;
        text-align: left;
    }

    .win-notice { 
        width: 80%;
    }

    .topbar .userbrand {
        margin-left:15px;
    }

    .topbar img {
        height:30px;
    }

    .topbar .brand {
        padding: 5px 10px 12px 20px;
    }

    .box-block {
        width: 100%;
    }

    img.lifetime-member-banner {
        margin-left:25px;
    }

    ul.help-nav {
        float:none;
    }
    .help-nav-content {
        width: 100%;
        margin:0px;
    }

    .how-to-play img {
        width:90%;
        text-align: center;
    }

}

/* {
    border:1px solid red;
} */