﻿/* CSS MAIN STYLES /*

/* AUTO CENTER AN OBJECT */
.center {
text-align: center;
}

hr {
margin-top:5px;
margin-bottom:5px;
}

/* CLEAR BOTH FLOATS */
.clear-both{
clear:both;
}

/* FLOAT LEFT */
.float-left {
float: left;
}

/* FLOAT RIGHT */
.float-right {
float: right;
}

/* JUSTIFY TEXT */
.justify {
text-align: justify;
}

/* DISPLAY BLOCK TO AN ITEM */
.block_display {
display: block;
}


/* FONT SIZE FOR BIG TEXT */
.big {
font-size: 1.2em;
}

/* FONT SIZE FOR SMALL TEXT */
.small {
font-size: 0.8em;
}

/* TEXT ANCHOR LINK STYLE  */
a.text_anchor:link { text-decoration:none; cursor:pointer; color:#FFFFFF; background-color:rgb(51,102,153); padding: 0px 2px; }
a.text_anchor:visited { text-decoration:none; cursor:pointer; color:#FFFFFF; background-color:rgb(51,102,153); padding: 0px 2px; }
a.text_anchor:active { text-decoration:none; cursor:pointer; color:#FFFFFF; background-color:rgb(51,102,153); padding: 0px 2px; }
a.text_anchor:hover { text-decoration:none; cursor:pointer; color:#FFFF00; background-color:rgb(51,102,153); padding: 0px 2px;  }


/* MAIN MENU ANCHOR LINK STYLE */
a.menu_anchor:link { text-decoration:none; cursor:pointer; color:#FFA700; background-color:transparent; }
a.menu_anchor:visited { text-decoration:none; cursor:pointer; color:#FFA700; background-color:transparent; }
a.menu_anchor:active{ text-decoration:none; cursor:pointer; color:#ffa700; background-color:transparent; }
a.menu_anchor:hover { text-decoration:none; cursor:pointer; color:#ffffff; background-color:transparent; }


/* IMAGE ANCHOR LINK STYLE */
a.image_anchor:link { text-decoration:none; cursor:pointer;}
a.image_anchor:visited { text-decoration:none; cursor:pointer;}
a.image_anchor:active { text-decoration:none; cursor:pointer;}
a.image_anchor:hover { text-decoration:none; cursor:pointer;}

/* ANCHOR FOR ONLINE USERS */
a.online_user_anchor, a.offline_user_anchor, a.holiday_user_anchor, a.banned_user_anchor, a.suspended_user_anchor{
padding: 1px 3px;
margin: 1px 1px;
}
a.online_user_anchor:link {cursor:pointer; text-decoration:none; color:#000000; background-color:#99FF99;}
a.online_user_anchor:visited {cursor:pointer; text-decoration:none; color:#000000; background-color:#99FF99;}
a.online_user_anchor:active {cursor:pointer; text-decoration:none; color:#000000; background-color:#99FF99;}
a.online_user_anchor:hover {cursor:pointer; text-decoration:none; color:#000000; background-color:#FFFF00;}

/* ANCHOR FOR OFFLINE USERS */
a.offline_user_anchor:link {cursor:pointer; text-decoration:none; color:#000000; background-color:#FF9999;}
a.offline_user_anchor:visited {cursor:pointer; text-decoration:none; color:#000000; background-color:#FF9999;}
a.offline_user_anchor:active {cursor:pointer; text-decoration:none; color:#000000; background-color:#FF9999;}
a.offline_user_anchor:hover {cursor:pointer; text-decoration:none; color:#FF0000; background-color:#FFFF00;}

/* ANCHOR FOR PLAYERS ON HOLIDAY */
a.holiday_user_anchor:link {cursor:pointer; text-decoration:none; color:#000000; background-color:#9900FF;}
a.holiday_user_anchor:visited {cursor:pointer; text-decoration:none; color:#000000; background-color:#9900FF;}
a.holiday_user_anchor:active {cursor:pointer; text-decoration:none; color:#000000; background-color:#9900FF;}
a.holiday_user_anchor:hover {cursor:pointer; text-decoration:none; color:#FF0000; background-color:#FFFF00;}

/* BANNED PLAYERS! */
a.banned_user_anchor:link {cursor:pointer; text-decoration:none; color:#000000; background-color:#CCCCCC;}
a.banned_user_anchor:visited {cursor:pointer; text-decoration:none; color:#000000; background-color:#CCCCCC;}
a.banned_user_anchor:active {cursor:pointer; text-decoration:none; color:#000000; background-color:#CCCCCC;}
a.banned_user_anchor:hover {cursor:pointer; text-decoration:none; color:#FF0000; background-color:#CCCCCC;}

/* SUSPENDED PLAYERS! */
a.suspended_user_anchor:link {cursor:pointer; text-decoration:none; color:#000000; background-color:#CCCCCC;}
a.suspended_user_anchor:visited {cursor:pointer; text-decoration:none; color:#000000; background-color:#CCCCCC;}
a.suspended_user_anchor:active {cursor:pointer; text-decoration:none; color:#000000; background-color:#CCCCCC;}
a.suspended_user_anchor:hover {cursor:pointer; text-decoration:none; color:#FF0000; background-color:#CCCCCC;}

/* USERNAME STYLE WITHOUT LINK */
.online_user_static{
color: #000000;
background-color: #99FF99;
padding: 1px 3px;
margin: 1px 1px;
}
.offline_user_static{
color: #000000;
background-color: #FF9999;
padding: 1px 3px;
margin: 1px 1px;
}
.holiday_user_static{
color: #FFFFFF;
background-color: #9900FF;
padding: 1px 3px;
margin: 1px 1px;
}
.banned_user_static{
color:#000000;
background-color:#CCCCCC;
padding:1px 3px;
margin:1px 1px;
}

.suspended_user_static{
color:#000000;
background-color:#CCCCCC;
padding:1px 3px;
margin:1px 1px;
}
/* TEXT BOX CLASS STYLE */
.text_box {
background-color: #ffcf6e !important;
font-size: 15px;
color: #000000;
font-family: "Courier New", monospace;
}


/* PUSH BUTTON CLASS STYLE */
.push_button {
background-color: #663300;
color: #FFFFFF;
cursor: pointer;
}


/* HEADING STYLES */
h1,h2,h3,h4,h5,h6 {
padding:5px;
color: #007FFF;
font-family: "Trebuchet MS", sans-serif;
margin:0px;
padding:5px;
}


/* FORM STYLE */
form {
margin:0px;
}



/* PARAGRAPH STYLE */
p {
padding:5px;
margin:0px;
}


/* ELO TEXT STYLE */
.elo_style {
background-color:#234324;
color:#324444;
padding:2px;
}


/* PREMIUM MEMBER ICON LARGE */
.premium_large {
width: 26px;
height: 26px;
border: none;
margin: 2px;
vertical-align: middle;

}

/* PREMIUM MEMBER ICON SMALL */
.premium_small {
width: 18px;
height: 18px;
border: none;
margin: 2px;
vertical-align: middle;
}

/* AVATAR */
.avatar {
border: 0px;
width: 162px;
height: 100px;
margin: 5px 3px;
}

/* USERNAME */
#username {
width: 90%;
}

/* PASSWORD */
#password {
width: 90%;
}

/* LOGIN SUBMIT BUTTON */
#login_submit {
text-align: center;
margin-top: 5px;
}

/* STYLES FOR ERROR MESSAGE AND COMPLETED MESSAGES */
.login_error {
color: #ff0033;
background-color: #ffffff;
padding: 3px;
}
.login_message {
color: #006600;
background-color: #ffffff;
padding: 3px;
}

/* PROVISIONAL IMAGE */
.provisional {
margin-left: 2px;
vertical-align: middle;
}

/* FOR RSS FEED IMAHE */
#rss-feed {
width:16px;
height: 16px;
vertical-align:middle;
margin: 0px 2px;
border: none;
}

/* CHESS BOARDS IN BEGINNERS GUIDE */
.beginners-board{
margin: 5px;
}