@import "css/system.css";
@import "css/general.css";
@import "css/template.css";
@import "css/menu.css";
@import "css/ja-sosdmenu.css";
@import "css/lighter-style.css";
@import "css/black-style.css";


body {margin: 0px;}
h3 {
	font-size: 100%;
	text-transform: uppercase;
    font-family: Arial, helvetica, sans-serif
}

h4 {color: #333; text-transform: capitalize; margin-bottom: 8px;}
h5 {color: #333; font-size: 22px; margin: 0px}
fieldset {border: 1px solid #ccc !important; background-image: none; padding: 25px; line-height: 120%; }
legend {color: green; font-size: 24px;font-family: Arial, sans-serif; font-weight: bold}
th {padding: 10px 0px 10px 0px; border-top: 1px solid #ccc; font-family: arial, sans-serif;}

#form input[type="text"], #form input[type="password"]  {border: 1px solid #999999; padding: 8px;}
#loader {position: absolute; z-index: 100000; width: 90%; height: 100%; 
         padding-left: 50%; padding-top: 25%; top: 0px; left: 0px;
         background: url(images/gray-50.png); background-repeat: repeat;}    
#divCreateAccount {font-family: Arial, sans-serif; color: #666}
#divCreateAccount p {font-size: 12px; font-family: Arial, Sans-Serif; line-height: 140%}
#divCreateAccount p strong {font-size: 16px; color: #000}
#basic, #premium {font-family: Arial, sans-serif}

#cheatHelp {background-image: url(images/whit-trans-20.png); padding: 10px; color: #333; width: 500px; height: 400px; border: 1px solid #333; position: absolute; top: 18%; left: 25%; font-family: Arial, san-serif; font-size: 12px; line-height: 120%}
#cheatHelp div {margin-bottom: 10px}
#cheatHelp strong {font-size: 14px; color: #003300}
#cheatHelp img {vertical-align: middle; border: none}
#cheatHelp p {margin-top: 3px;}
#cheatHelp h3 {color: #003300}
#cheatBody {padding: 10px; border: 1px solid #ccc; background-color: white}

#gencsform_1 {padding: 10px 5px 10px 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.gencsform_2 {padding: 10px 5px 10px 5px; border-top: 1px solid #ccc; margin-bottom: 25px;}
#gencsform_3 {padding: 10px 5px 10px 5px; border-top: 1px solid #ccc; margin-bottom: 25px;}

a.sm { font-size:9pt; font-weight:normal; text-decoration:none; line-height:100%; vertical-align:middle;}
a.edit_sm { line-height:100%; vertical-align:middle; padding-left:2px; }

#popupEditSource { width: 700px; height: auto; top:0; left:0;}
#popupEditSource .popupBody { float:left; width: 680px;  margin-bottom:0px; }
#popupEditSource div {margin-bottom: 10px}
#popupEditSource strong {font-size: 14px; color: #003300}
#popupEditSource img {vertical-align: middle; border: none}
#popupEditSource p {margin-top: 3px;}
#popupEditSource h3 {color: #003300}
#popupEditSource .popupBody table { width:95%;}

#popupEditSource .popupBody .popupBlock {display:block; position:relative; float:left;width:50%; margin-bottom:0px;}
#popupEditSource .popupBody .popupBlock input.txt {width:50px; border:solid 1px #999; background-color:#eee; text-align:right; margin-right:7px;}
#popupEditSource .popupBody span.hdr { font-weight:bold; text-transform:uppercase; line-height:120%; }

.popupWrap { position:absolute; display:none; z-index:1001;
             background-image: url(images/whit-trans-20.png); padding: 10px; border: 1px solid #333; 
             color: #333; font-family: Arial, san-serif; font-size: 12px; top:0; left:0;}
.popupBody {padding: 10px; display:block; border: 1px solid #ccc; background-color: white;}
.popupMask { position:absolute; z-index:1000; top:0px; left:0px; background-color:#999; display:none; }
.popupClose {position: absolute; right: 15px; top: 10px;}
.popupBody div.link { clear:both; padding-top:10px; }
.popupBody div.link input[type=image] { padding:0px;}
.popupBody div.link div.ldr { margin-left:3px; margin-top:3px; }

.gencspopup .popupBlock table.rules_tbl tr td { width:33%; }
table.rules_tbl { font-size:9pt;  }
table.rules_tbl tr td input[type=text] { padding:0px; border-spacing:0px; margin:0px; }

a.linkGenerate {font-family: arial, sans-serif;text-decoration: none; display: block; font-size: 22px; padding: 5px; border: 1px solid #fff; width: 400px;}
a.linkGenerate:hover {font-family: arial, sans-serif;text-decoration: none; display: block; font-size: 22px; padding: 5px; border: 1px solid #ccc; width: 400px; background-color: #ebebeb}
ul.accountDescription {list-style-type: none; margin: 0px; padding:  0px 0px 20px 0px; font-family: Arial,sans-serif; font-size: 12px}
ul.accountDescription li {border-top: 1px solid #ccc; margin: 5px 0px 5px 0px; padding:  5px 0px 0px 0px; color: #333 }
.loginBox {color: #333; }
.loginBox a {color: #999; font-weight: normal}
.error {color: red}
.blockerror {color:#333; background-color: #FFCCCC; display: block; padding: 3px; margin-bottom: 5px;border: 1px solid #ccc}
.loading {background-color: #FFFFCF; color: #333; padding: 3px; border: 1px solid #ccc}
.success {color: green}
.warning {font-family: Arial, Sans-Serif; font-size: 12px; background-color: #ddd; border: 1px solid #999; margin-top: 8px;}
.warning p {margin: 0px; padding: 5px; line-height: 120%}
.warning a {text-decoration: none}
.orange {color: #FF9A30}
.componentheading {color: #333333; font-size: 225%;font-family:  Arial, Helvetica, sans-serif; }
.subhdr {font-size: 16px; margin-bottom: 5px; font-weight: bold;}

/*#ctl00_ContentPlaceHolder1_pnlCheatSheet {position: absolute; z-index: 100000; width: 90%; height: 100%; 
                                          padding-left: 10%; padding-top: 10%; top: 0px; left: 0px;
                                          background: url(images/gray-50.png); background-repeat: repeat;}
                                          
#ctl00_ContentPlaceHolder1_pnlCheatSheetContent {width: 90%; height: 562px; 
                                                 background-color: white; 
                                                 border: 1px solid gray; overflow:hidden}   
                                                                             
#ctl00_ContentPlaceHolder1_pnlCheatSheetContainer {overflow:auto; overflow-Y:hidden;}
*/

/* Default Joomla! Menu */

/* CheatSheet Details */
table.wrapTable { padding:0px; margin:0px; border:none; }
.rankTableHeader {background-color: #444444; font-weight: bold; padding: 2px; color: #fff}
table.rankTable {font-size: 11px; border-right: 1px solid #999; }
table.rankTable td a {text-decoration: none}
table.rankTable td {border-bottom: 1px solid #999; padding: 3px}
table.rankTable tr td.title {background-color: #444444; padding: 4px; 
                             font-weight: bold; color: #fff; 
                             font-family: arial, sans-serif; font-size: 14px; }
table.rankTable tr td.cell {padding: 0px 4px 0px 4px;  }
table.rankTable tr td.red {background-color:#FFCCCC; color:#660000;}
table.rankTable tr td.green {background-color:#CCFFCC; color:#336600;}
table.rankTable tr td.sel {background-color:#ddd; color:#444; }
table.rankTable tr td.teamline {border-top: solid 3px #000;}                             
table.rankTable tr td.cell span.player {float: left; width: 200px; font-weight: normal; font-size: 13px;}
table.rankTable tr td.cell span.chk {width: 36px; float: right; text-align: right; padding-top: 5px;}
table.rankTable tr td.cell input.chk {width: 10px; margin: 0px;}
table.rankTable tr td.checked {background-color:#FFEB9C; color:#9C6500;}


/*
td.bad {background-color: #FFCCCC; color: #660000}
td.good {background-color: #CCFFCC; color: #336600}
td.breakpoint {border-top: 3px solid #000}
td.disabled {background-color: #ebebeb; color: #999999}
*/

div.details { float:left; width:278px; margin-top:5px; }
div.details div.ranking { color: #ccc; line-height: 120%; font-size: 13px; margin-left: 97px; border-left: 1px solid #999; padding-left: 5px; position: relative; }

/* CheatSheet Find Player */
div.findplayer { float:left; width:250px; height:45px; padding-left:5px; margin-top:5px; line-height:100%;  border-left: 1px solid #999;}
div.findplayer div.lbl { float:left; clear:left; font-size:12px; color:#ccc; }
div.findplayer div.lbl span#results { color:white; font-weight:bold; }
div.findplayer div.txt { float:left; width:204px; }
div.findplayer div.txt input { background-color:#ccc; padding:2px; color:#666; font-size:13px; width:200px; border:solid 1px #ddd; }
div.findplayer div.btn a { font-size:12px; color:#ccc; text-decoration:none; }
div.findplayer div.btn a:hover { color:White; }
div.findplayer div.btn { float:left; margin-left:5px; height:25px; line-height:25px; vertical-align:middle;}