body{font-family:'Open Sans', sans-serif;font-size:12px;color:#555;background:#fff;margin: 0;padding: 0;}
a, img, img a, input, a, textarea{border:0;outline:none;font-family:open sans;}
table, tr, td, input, p, form, dl, dt, dd, a, h1, h2, h3, h4, h5, h6, ul, li, textarea{padding:0;margin:0}
a{color:#005fcc;font-size:11px;text-decoration:none;}
a:hover{text-decoration: underline;}
.clear:before, .clear:after {content: "";display: table;} 
.clear:after {clear: both;}
.clear {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}
.flt_left {float:left;}
.flt_right {float:right;}
#wrapper{width:1100px;background: #ccc;margin:0 auto;-moz-box-shadow:0px 0px 3px rgba(82, 82, 82, 0.5);-webkit-box-shadow:0px 0px 3px rgba(82, 82, 82, 0.5);box-shadow:0px 0px 3px rgba(82, 82, 82, 0.5);}

/*LEFT PANEL CSS*/
.leftSidePanel {min-height:620px;width:300px;padding:10px 0;background: #eaeaea;float:left;-moz-box-shadow:2px 0px 1px rgba(32, 32, 32, 0.3);-webkit-box-shadow:2px 0px 1px rgba(32, 32, 32, 0.3);box-shadow:2px 0px 1px rgba(32, 32, 32, 0.3);behavior:url(../images/PIE.htc);}
.leftSidePanel .leftSidePanel_heading {font-weight:bold;font-size:30px;color:#000;display: block;margin:0 14px;}
.leftSidePanel .welcome_text {font-size: 14px;color:#555;font-weight: normal;}
.leftSidePanel .playwithFriends_randomOpp_btn_section {margin:16px 0 22px 0;}

.leftSidePanel .playwithFriends_randomOpp_btn_section ul {list-style: none;}
.leftSidePanel .playwithFriends_randomOpp_btn_section li {padding:0 15px;cursor:pointer;}
.leftSidePanel .playwithFriends_randomOpp_btn_section .lihover {background: url(../images/button_hover.png) repeat-y 0 0;width:300px;height:30px;margin-bottom:10px;padding:0 15px;}

.leftSidePanel .button_section_text {border-top:1px solid #ccc;margin:9px 16px 0 16px;padding:11px 0 0 0;}
.leftSidePanel .signIn_section {border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:11px 0 12px 0;margin:0 16px 11px 16px;}
.leftSidePanel .totalGames_played {border-top:1px solid #ccc;padding:12px 0;margin:10px 16px 0 16px;}
.leftSidePanel .number_Games_played {color:#22b129;font-size: 30px;margin:2px 0 12px 0;letter-spacing:1px;display: block;font-weight: bold; text-shadow: -1px 0 rgba(0, 85, 4, 0.8), 0 1px rgba(0, 85, 4, 0.8), 1px 0 rgba(0, 85, 4, 0.8), 0 -1px rgba(0, 85, 4, 0.8);}
.leftSidePanel .users_gameList {margin:7px 0 0 0;}
.leftSidePanel .hello_user_section {border-top:1px solid #ccc;margin:0 16px 5px 16px;padding-top:11px;display: block;}
.leftSidePanel .hello_user_section a {font-size: 14px;}
.leftSidePanel .userName, .leftSidePanel .lastMove {margin-right:5px;overflow: hidden;text-overflow:hidden;white-space: nowrap;font-size: 14px;float:left;}
.leftSidePanel .user_info {height:22px;padding:2px 16px 0 16px;cursor:pointer;}
.leftSidePanel .user_info:hover {background: url(../images/button_hover.png) repeat-y 0 0;width:270px;height:22px;padding:2px 16px 0 16px;}
.leftSidePanel .user_info_sel {background: url(../images/button_hover.png) repeat-y 0 0;width:270px;height:22px;padding:2px 16px 0 16px;}
.leftSidePanel .user_info a {float:left;margin-top:3px;display: block;}
.leftSidePanel .userName {width:50px;color:#333;}
.leftSidePanel .lastMove {width:145px;color:#22b129;}
.leftSidePanel .yourTurn, .leftSidePanel .viewGame {float:right;}
.leftSidePanel .fb_icon {background: url(../images/sprite.png) no-repeat 0 0;}
.leftSidePanel .twitter_icon {background: url(../images/sprite.png) no-repeat -42px 0;}
.leftSidePanel .fb_twitter {width:32px;height:32px;display: block;float:left;margin:0 10px 5px 0;}

/*RIGHT PANEL CSS*/
.rightSidePanel {width:800px;float:left;position:relative;overflow:hidden;}
.rightSidePanel .board_bg {background: url(../imagesv1/board_bg_1.png) no-repeat 0 0;}
.rightSidePanel .pattern_bg {background: url(../images/pattern_bg.png) repeat 0 0;-moz-box-shadow:inset -2px 0px 1px rgba(32, 32, 32, 0.3);-webkit-box-shadow:inset -2px 0px 1px rgba(32, 32, 32, 0.3);box-shadow:inset -2px 0px 1px rgba(32, 32, 32, 0.3);}
.rightSidePanel .board_pattern_bg {width:689px;height:618px;margin-left:25px;padding:22px 0 0 22px;}
.rightSidePanel .play_now_board_bg {width:736px;height:640px;}

.rightSidePanel .rightSidePanel_holder{padding:15px;background:#f5f5f5;width:444px;border:1px solid #c5c4c4;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.rightSidePanel .gboard_bottom_text_section {padding:0 0 0 90px;}
.rightSidePanel .gboard_bottom_text_section span {color:#555;font-size: 12px;font-weight: bold;}

.black_text {color:#000;}
.grey_text {color:#555;font-size: 12px;}
.grey_text_b {color:#333333;font-weight: bold;font-size: 14px;}
.input {color:#333;margin:3px 0 3px 0;font-weight:bold;font-size:12px;padding:4px;border:1px solid #ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.input:focus {outline:none;border-color:rgba(82,168,236,.75)!important;box-shadow:0 0 8px rgba(82,168,236,.5);-moz-box-shadow:0 0 8px rgba(82,168,236,.5);-webkit-box-shadow:0 0 8px rgba(82,168,236,.5);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.input_normal {width:190px;height:20px;margin-top:12px;}
.input_pw {width:120px;height:20px;}

.blue_button {width:198px;height:28px;margin:0 0 10px 0;line-height: 28px;display:block;cursor: pointer;color:#fff;font-size:14px;font-weight:bold;background:#4a8eff;text-decoration:none;border:1px solid #2b77f5;text-align:center;text-shadow:0 1px rgba(0, 0, 0, 0.1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;behavior:url(../images/PIE.htc);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a8eff', endColorstr='#4485f5');background: -webkit-gradient(linear, left top, left bottom, from(#4a8eff), to(#4485f5));background: -moz-linear-gradient(top,  #4a8eff,  #4485f5);}
.blue_button:hover, .blue_button:focus {background:#4a7fff;text-decoration:none;border:1px solid #2f5bb7;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a7fff', endColorstr='#4577f5');background: -webkit-gradient(linear, left top, left bottom, from(#4a7fff), to(#4577f5));background: -moz-linear-gradient(top,  #4a7fff,  #4577f5);}
.blue_button:active {outline: none;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e82ff', endColorstr='#4577f5');background: -webkit-gradient(linear, left top, left bottom, from(#4e82ff), to(#4577f5));background: -moz-linear-gradient(top,  #4e82ff,  #4577f5);-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);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);}

.red_button{width:62px;height:28px;line-height: 28px;margin:3px 0 0 6px;display:block;cursor: pointer;color:#fff;font-size:14px;font-weight:bold;background:#ff514a;text-decoration:none;border:1px solid #d14836;text-align:center;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;behavior:url(../images/PIE.htc);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff514a', endColorstr='#f54c44');background: -webkit-gradient(linear, left top, left bottom, from(#ff514a), to(#f54c44));background: -moz-linear-gradient(top,  #ff514a,  #f54c44)}
.red_button:hover, .red_button:focus{background:#ff604a;text-decoration:none;border:1px solid #e8371f;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff604a', endColorstr='#f55b44');background: -webkit-gradient(linear, left top, left bottom, from(#ff604a), to(#f55b44));background: -moz-linear-gradient(top,  #ff604a,  #f55b44);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);}
.red_button:active{outline:none;cursor:pointer;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff644e', endColorstr='#f55b44');background: -webkit-gradient(linear, left top, left bottom, from(#ff644e), to(#f55b44));background: -moz-linear-gradient(top,  #ff644e,  #f55b44);-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);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);}

.start_button {width:62px;height:28px;display:block;cursor:pointer;color:#fff;font-size:14px;font-weight:bold;line-height: 28px;background:#c94aff;text-decoration:none;border:1px solid #bb2cf6;text-align:center;text-shadow:0 1px #8e32b2;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;behavior:url(../images/PIE.htc);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c94aff', endColorstr='#c245f5');background: -webkit-gradient(linear, left top, left bottom, from(#c94aff), to(#c245f5));background: -moz-linear-gradient(top,  #c94aff,  #c245f5);}
.start_button:hover, .start_button:focus {background:#d74aff;text-decoration: none;border:1px solid #bb2cf6;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d74aff', endColorstr='#d044f5');background: -webkit-gradient(linear, left top, left bottom, from(#d74aff), to(#d044f5));background: -moz-linear-gradient(top,  #d74aff,  #d044f5);}
.start_button:active {outline: none;cursor:pointer;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d74aff', endColorstr='#d044f5');background: -webkit-gradient(linear, left top, left bottom, from(#d74aff), to(#d044f5));background: -moz-linear-gradient(top,  #d74aff,  #d044f5);-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);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);}

.feedback_bg {width:64px;min-height:640px;background: #eaeaea;float:right;}
.feedback, .feedback_close{width:32px;height:100px;display: block;margin:270px 0 0 32px;}
.feedback:hover {background: url(../images/feedback_hover.png) no-repeat 0 0;}
.feedback_close:hover {background: url(../images/close_hover.png) no-repeat 0 0;}
.feedback {background: url(../images/feedback.png) no-repeat 0 0;}
.feedback_close {background: url(../images/close.png) no-repeat 0 0;}

.board_tooltip {width:164px;height:42px;background:#fff4dc;border:4px solid #000;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;-moz-box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.3);box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.3);font-size: 12px;color:#000;font-weight: bold;padding:8px;line-height: 14px;}

/*nandini*/
.other_font{font-family:'Droid Sans', sans-serif;}
.text_holder{margin:0 0 9px 0;}
.purple_text{color:#ca49ff;font-weight:bold;}
.green_text{color:#22b129;font-weight:bold;}

.rules_text_section {display: block;margin-top:12px;}
.rules_text_section img {float:left;}
.rules_text {line-height: 14px;margin-left: 14px;float:left;}

.logoutDiv {display:none;width:100px;padding:5px;background:#fff;text-align: left;position:absolute;z-index: 100;border:1px solid #cecece;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:1px 1px 15px -2px #888888;-moz-box-shadow:1px 1px 15px -2px #888888;-webkit-box-shadow:1px 1px 15px -2px #888888;}
.logoutDiv hr {margin:3px 0 0 0;padding:0;border:1px solid #dedede;}

.close{width:10px;height:10px;color:#999;font-size:14px;font-weight:bold;float:right;cursor:pointer;}

/*popup*/
.pop_up_wrapper{position:absolute;background:#fff;margin:20px auto;padding:15px;/*height:320px;*/width:290px;border:1px solid #cecece;border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;box-shadow:1px 1px 15px -2px #888888;-moz-box-shadow:1px 1px 15px -2px #888888;-webkit-box-shadow:1px 1px 15px -2px #888888;left:500px;top:146px;}
.popHeading {display: block;margin-bottom:3px;color:#000;font-weight: bold;font-size: 14px;}
.grey_text_bb{font-size:14px;font-weight:bold;color:#979797;}
.grey_text02{font-size:13px;color:#333333;line-height: 22px;}