@import 'reset.css';

html{
overflow-Y:scroll
}

body{
color:#444;
background:#000 url(images/bg.png) 50% 0 repeat-y fixed;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-size:11px;
line-height:1.5;
}

input,textarea{
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-size:11px;
padding:5px;
}

textarea{
line-height:1.5;
}

a{
color:#333;
text-decoration:none;
}

.sel select{
padding:5px;
height:30px;
}

.smallsel select{
padding:5px;
height:30px;
width:50px;
}

a:hover{
color:#000;
}

strong{
font-weight:bold;
}

em{
font-style:italic;
}

h1 a{
color:#FFF;
text-decoration:none;
}

.news .body a, .eup .body a{
font-weight:bold;
}



h1 a:hover{
color:#FFF;
}

blockquote{
margin-left:10px;
background:#CCF;
border:1px solid #88F;
border-left:7px solid #88F;
padding: 5px;
}

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
font-size:12px;
letter-spacing: -1px;
font-family:"Courier New",monospace;
line-height:0.5;
color:#333;
background:#CFC;
border:1px solid #8F8;
border-left:7px solid #8F8;
padding: 5px;
margin:-10px;
}

pre strong{
color:#000;
}

.subname{
font-style:italic;
color:#000;
}

.inboxSubject{
float:left;
width:400px;
line-height:25px;
}

#Main{
width:1000px;
margin:0 auto;
border-left:1px solid #000;
border-right:1px solid #000;
background:#BBB url(images/mainbg.gif);
overflow:hidden;
}

#Header{
background:url(images/header.png);
height:98px;
width:1000px;
}

#MainColumn{
width:656px;
float:right;
}

#LeftCont{
float:left;
overflow:hidden;
width:828px;
}

#LeftColumn,#RightColumn{
width:172px;
}

#LeftColumn{
float:left;
}

#RightColumn{
float:right;
}

#Footer{
background:url(images/footer.png);
float:left;
width:1000px;
height:38px;
line-height:36px;
text-align:center;
color:#343434;
text-shadow:#000 0px 1px 0px;
margin:1px auto 0 auto;
clear:both;
}

.success{
background:#a3e79f;
border:1px solid #20a719;
padding:5px;
margin:2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.fail{
color:#000;
background:#e7a09f;
border:1px solid #a71b19;
padding:5px;
margin:5px 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.submodule{
margin:1px 0 0 0;
width:328px;
float:left;
}

.submodule .body{
border-width:0 1px 1px 1px;
border-color:#6a6a6a;
border-style:solid;
padding:7px;
background:#EEE;
overflow:hidden;
}

.submodule td, .submodule2 td{
padding:3px;
line-height:20px;
}

/*** POLLS ***/

.answers{
margin-top:5px;
}

.answer{
margin-bottom:5px;
clear:both;
overflow:hidden;
}

.amswer input{
float:left;
width:30px;
}

.answer label{
float:right;
width:135px;
}

.answerText{
font-weight:bold;
}

.voteNum{
font-weight:normal;
font-size:80%;
}

.barCent{
width:30px;
float:left;
}

.bar{
width:155px;
float:left;
background:#CCC url(images/pollbgbg.png);
}

.innerBar{
}

.innerInnerBar{
background:#11b715 url(images/pollbg.png);
border:1px solid #018302;
height:14px;
overflow:hidden;
}

.innerLeft{
border:1px solid #38d842;

height:12px;
}
padding:3px;
line-height:20px;
}

.submodule2 th{
text-align:right;
font-weight:bold;
padding-right:10px;
}

.submodule h2{
background:url(images/submod.png) 0 -31px;
font-weight:bold;
color:#FFF;
line-height:31px;
text-indent:5px;
text-shadow:#000 0px 1px 1px;
}

.submodule2{
margin:1px 0 0 1px;
width:327px;
float:left;
}

.submodule2 .body{
border-width:0 1px 1px 1px;
border-color:#6a6a6a;
border-style:solid;
padding:7px;
background:#EEE;
overflow:hidden;
}

.submodule2 h2{
background:url(images/submod.png) ;
font-weight:bold;
color:#FFF;
line-height:31px;
text-indent:5px;
text-shadow:#000 0px 1px 1px;
}

.module{
margin:1px 1px 0 1px;
}

.module .body{
border-width:0 1px 1px 1px;
border-color:#6a6a6a;
border-style:solid;
padding:7px;
background:#EEE;
overflow:hidden;
}

#MainColumn .module{
margin:1px 0 0 0;
}

#MainColumn .module .body h1{
background:none;
font-size:130%;
font-weight:bold;
text-shadow:none;
text-indent:0;
color:#000;
}

.module .body table th{
font-weight:bold;
}

.module .body table td,.module .body table th{
padding:5px;
}

.module .body ul{
list-style:disc inside;
}

.module h1{
font-weight:bold;
background:#222;
color:#FFF;
line-height:31px;
text-indent:5px;
text-shadow:#000 0px 1px 1px;
}

#MainColumn .module h1{
background:url(images/modh1b.png);
}

#LeftColumn .module h1,#RightColumn .module h1{
background:url(images/modh1s.png);
width:170px;
}

.teamAdmin ul li{
list-style-type:none;
}

.clock .body{
text-align:center;
}

.clock .time{
font-size:17px;
font-weight:bold;
}

fieldset{
padding:5px;
margin:5px;
border:1px solid #CCC;
}

fieldset legend{
font-weight:bold;
color:#000;
}

 .field{
width:618px;
float:left;
margin:3px 0;
}

.field textarea{
width:444px;
height:228px;
}

 .field label{
width:150px;
float:left;
text-align:right;
padding-right:5px;
line-height:25px;
height:25px;
}

 .field .sel{
width:250px;
float:left;
line-height:25px;
height:25px;
}

 .field .smallsel{
width:45px;
float:left;
line-height:25px;
height:25px;
}

.text{
background:transparent url(images/text.png);
width:200px;
border:0;
height:15px;
}

.text-login{
background:transparent url(images/text-login.png);
width:144px;
border:0;
height:15px;
}

.text-error{
background:transparent url(images/text-error.png);
width:200px;
border:0;
height:15px;
}

div.selectbox-wrapper {
position:absolute;
width:400px;
background-color:white;
border:1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0px;
margin-top:-10px;
padding:0px;
font-size:0.8em;
text-align:left;
max-height:200px;
overflow:auto;
z-index:999;
}

.smallsel .selectbox-wrapper {
width:100px;
}

div.selectbox-wrapper ul {
list-style-type:none;
margin:0px;
padding:0px;
}
div.selectbox-wrapper ul li.selected { 
background-color: #EAF2FB;
font-weight:bold;
}
div.selectbox-wrapper ul li.current { 
background-color: #CDD8E4 !important;
}
div.selectbox-wrapper ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
}
label {
display: block;
}

.smallsel div.inp-cont{
background:url(images/smallselect.png) 0 0 no-repeat;
width:45px;
margin:0;
padding:0;
overflow:hidden;
}

div.inp-cont{
background:url(images/select.png) 0 0 no-repeat;
width:215px;
margin:0;
padding:0;
overflow:hidden;
}

* html div.inp-cont{
padding-left:10px;
}


.selectbox{
margin: 0px 5px 10px 0px;
text-indent:5px;
display:block;

padding:5px 2px;
overflow:hidden;
cursor:pointer;
color:#333;
width:206px;
height:15px;
text-indent:5px;
line-height:15px;
}

* html .selectbox{
position:relative;
right:10px;
}




#warning{
position:absolute;
top:50%;
left:50%;
width:300px;
height:233px;
z-index:10;
display:none;
}

#warning div{
background:url(images/warning.png);
position:relative;
top:-160px;
left:-175px;
width:215px;
height:158px;
overflow:hidden;
z-index:11;
color:#333;
padding:20px 45px 25px 90px;
cursor:pointer;
}

#warning ul li{
list-style:disc outside;
margin-left:10px;
}

#Main #warning div h1{
background:transparent;
text-indent:0;
color:#000;
font-size:16px;
text-shadow:#FFF 0px 1px 1px;
}

#Nav{
background:url(images/footer.png);
float:left;
width:1000px;
border-top:1px solid #000;
}

#Nav ul li{
display:inline;
}

#Nav ul li a{
float:left;
height:38px;
width:100px;
background:url(images/btn.png) 0 0;
text-align:center;
line-height:38px;
text-decoration:none;
color:#DDD;
font-weight:bold;
text-transform:uppercase;
text-shadow:#000 0 1px 0;
}

#Nav ul li a:hover{
background-position:0 -38px;
color:#FFF;
}

#Nav ul li a#selected{
background-position:0 -76px;
color:#000;
text-shadow:#FFF 0 -1px 0;
}

#recaptcha_response_field{
position:relative;
right:5px;
}

.chatbox textarea{
width:142px;
height:80px;
font-family:
}

.chat{
margin-top:1px;
}

#MainColumn .chat h2{
padding:2px;
clear:both;
overflow:hidden;
background:#b6b6b6 url(images/chatbg2.png);
text-indent:5px;
line-height:13px;
font-size:10px;
}

.chat h2{
padding:2px;
clear:both;
overflow:hidden;
background:#b6b6b6 url(images/chatbg.png);
text-indent:5px;
line-height:13px;
font-size:10px;
}

.chat h2 .chatAuthor{
position:relative;
top:7px;
}

.chat h2 .chatTime{
font-size:9px;
color:#333;
font-style:italic;
text-align:right;
padding-right:3px;
}


.chat .chatBody{
background:#FFF;
padding:3px;
border:1px solid #888;
border-top:0;
overflow:hidden;
}

.flag{
vertical-align:-2px;
}

.gameflag{
vertical-align:-4px;
}

.member{
font-weight:bold;
text-decoration:none;
}

/*** FORUMS ***/


.forum .body{
padding:0;
clear:both;
}

.forum table{
width:100%;
padding:3px;
}

.forum table caption{
background:#000;
padding:6px;
font-weight:bold;
color:#FFF;
width:110%;
}

.forum table th{
color:#CCC;
padding:3px 6px;
background:#333;
}

.forum table td{
background:url(images/forumcatbg.png);
padding:6px;
}

.forum .catName, .forum .threadCount, .forum .latestPost{
border-left:1px solid #AAA;
border-bottom:1px solid #AAA;
background:url(images/forumcatbg.png);
padding:5px;
}

.forum .catName{
width:40%;
border-left:0;
}

.forum .forumTitle{
font-size:13px;
font-weight:bold;
color:#FFF;
padding:6px;
}

.forum .threadLabel{
text-align:center;
}

.forum .threadCount{
width:10%;
text-align:center;
}

.forum .post a{
font-weight:bold;
}

.forum .pagination{
clear:both;
overflow:hidden;
float:left;
margin-left:1px;
}

.forum .pagination li{
display:inline;
}

.forum .pagination li a{
background:#FFF;
font-weight:bold;
color:#000;
border:2px solid #BBB;
padding:2px 5px;
float:left;
margin:1px 1px 1px 0;
font-size:9px;
text-align:center;
}

.forum .pagination .current a{
background:#333;
border-color:#111;
color:#FFF;
}

.forum .pagination .current a:hover{
background:#444;
border-color:#222;
color:#FFF;
}

.forum .pagination li a:hover{
background:#6cabff;
border-color:#3089ff;
color:#EEE;
}

.forum tr td img{
position:relative;
top:2px;
}

.forum .forumPost{
border-top:1px solid #919191;
border-bottom:1px solid #919191;
margin:1px 0;
overflow:hidden;
background:url(images/postbg.png);
width:655px;
clear:both;
}

.forum .authorInfo{
float:left;
width:145px;
text-align:center;
overflow:hidden;
padding:20px 0;
background:#FFF;
border-right:1px solid #AAA;
}

.forum .authorInfo .avatar img{
width:100px;
height:100px;
margin:0 auto;
}

.forum .post{
float:left;
width:477px;
padding:10px;
margin:5px;
font-size:11px;
font-family: Tahoma, FreeSans, 'Trebuchet MS', Arial, sans-serif;
font-size: 13px;

}


.forum .memberSince{
color:#999;
}

.forum .postCount{
color:#AAA;
}

.forum .time{
color:#444;
float:right;
height:25px;
line-height:25px;
text-align:center;
font-style:italic;
font-size:10px;
line-height:0;
margin-bottom:-10px;
margin-left:10px;
}

.forum .time a{
font-style:normal;
}

.forum .edited{
float:right;
color:#666;
opacity:0.5;
}

.forum .edited a{
}

.forum .edited:hover{
opacity:1;
}

.normal{
font-style:normal;
}

.latestforumposts .body{
padding:0;
}

.latestforumposts .body table td{
padding:2px 1px 2px 3px;
}

.member{
color:#000;
}

.group-2{
color: #0F22AA;
}

.group--1{
color: #0F33EE;
}

.group-4{
color: #439333;
}


/*** END FORUM ***/


/*** PAGES ***/

.page h2{
font-size:13px;
font-weight:bold;
border-bottom:1px solid #555;
line-height:1.7;
margin:3px 0;
}

.page ol{
list-style:outside decimal;
margin-left:30px;
}

.page ol li{
margin:3px 0;
}

.page .body ul{
margin-left:25px;
list-style:disc outside;
}


/*** END PAGES ***/


.thright th{
text-align:right;
vertical-align:top;
width:80px;
}

#newsbody.body{
padding:10px;
}

.news .news-author{
font-weight:normal;
float:right;
margin-right:3px;
text-shadow:none;
}

.news .news-author a{
color:#FFF;
}

.newsimg{
float:right;
margin:-10px -10px 10px 10px;
border-bottom:1px solid #6A6A6A;
}

.news .comments{
background:url(images/comments.png);
float:right;
width:106px;
line-height:34px;
text-align:center;
color:#FFF;
font-weight:bold;
height:34px;
margin:10px 0 0 10px;
}


.result-win{
color:#29b412;.messages
}

.result-loss{
color:#aa1002;
}

.result-draw{
color:#00c2ce;
}

.comment{
border:1px solid #DDD;
overflow:hidden;
margin-top:10px;
clear:both;
}

.comment .author{
margin:0;
}

.comment .topbar{
float:left;
width:634px;
padding:2px;
background:#DDD;
}

.comment .topbar .author{
float:left;
width:50%;
}

.comment .topbar .time{
float:right;
font-style:italic;
padding-right:3px;
}

.comment .commentBody{
padding:5px;
float:left;
width:630px;
background:#FFF;
}

.eup table.matchAdminFixture{
float:left;
width:279px;
}

.eup fieldset{
padding:0;
}

.eup .module h2{
margin-top:10px;
font-weight:bold;
font-size:13px;
color:#000;
}

.matchAdminFixture th{
width:40%;
text-align:right;
}



.mapimg{
width:350px;
height:219px;
float:right;
}

.mapimg .teams{
width:182px;
margin:75px auto 0 auto;
text-align:center;
line-height:23px;
font-weight:bold;
color:#AAA;
font-size:13px;
}

.mapimg .map{
width:182px;
margin:0 auto;
text-align:center;
line-height:23px;
font-size:12px;
color:#CCC;
}

.mapimg .teams a{
color:#FFF;
}

.mapimg .score{
width:182px;
margin:0 auto;
text-align:center;
line-height:23px;
font-size:15px;
font-weight:bold;
color:#AAA;
}

.mapimg .score .fixwin{
color:#15d215;
}

.mapimg .score .fixlose{
color:#d21515;
}

.mapimg .score .fixdraw{
color:#8ad8f8;
}

.clearer{
clear:both;
width:100%;
height:1px;
overflow:hidden;
}


#teamMenu{
width:749px;
float:left;
position:relative;
top:-7px;
left:-7px;
border-left:1px solid #000;
background:#444;
margin:0;
clear:both;
}

#teamMenu li{
display:inline;
}

#teamMenu li a{
float:left;
border-bottom:1px solid #000;
border-right:1px solid #000;
background:#333;
color:#FFF;
width:70px;
text-align:center;
line-height:25px;
font-weight:normal;
}

#teamMenu li a#currentTab{
background:#EEE;
color:#000;
border-bottom:1px solid #EEE;
font-weight:bold;
}

#teamMenu li a:hover{
background:#222;
color:#FFF;
}

#mpMenu{
width:653px;
float:left;
position:relative;
top:-7px;
left:-7px;
border-left:1px solid #000;
background:#444;
margin:0;
clear:both;
list-style:none;
}

#mpMenu li{
float:left;
margin:0;
padding:0;
clear:right;

}

#mpMenu li a{
float:left;
border-bottom:1px solid #000;
border-right:1px solid #000;
background:#333;
color:#FFF;
padding: 0 10px;
text-align:center;
line-height:25px;
}

#mpMenu li a:hover{
background:#222;
color:#FFF;
}

.teamInfo td{
background:#EEE;
padding:5px;
line-height:23px;
}

.teamInfo th{
padding:5px;
line-height:23px;
width:70px;
}

.teamProfile{
float:left;
clear:both;
width:640px;
margin-top:10px;
}

.teamAwards{
width:212px;
float:right;
}

.teamAward{
background:#DDD;
width:201px;
padding:5px;
float:left;
border-bottom:1px solid #444;
border-top:1px solid #FFF;
}

.eup table{
float:left;
}

.awardImage{
width:40px;
height:30px;
float:left;
}

.awardName{
width:150px;
float:right;
font-weight:bold;
text-indent:5px;
line-height:20px;
}

.awardDate{
width:150px;
float:right;
text-indent:5px;
line-height:20px;
}

.eup .odd{
background:#e9e9e9;
}

#cupview td{
padding:0;
margin:0;
}

.eup .cupFixture{
line-height:20px;
height:44px;
color:#000;
text-align:center;
font-weight:bold;
overflow:hidden;
}

.eup .joinertd{
width:1px;
padding:0;
margin:0;
}

.eup .joiner{
border-left:1px solid #000;
}

.eup .cupFixture a{
width:100%;
float:left;
background:#CCC;
border:1px solid #AAA;
}

.eup .cupFixture a.cupwin{
border:1px solid #444;
background:#96a7ff url(images/cupwin.png)  50% 50%;
color:#030b33;
}

.eup .cupFixture-final a.cupwin{
border:1px solid #444;
background:#96a7ff url(images/cupgold.png) 50% 50%;
color:#030b33;
}


.eup .cupFixture-final a.cuplose{
background:#96a7ff url(images/cupsilver.png) 50% 50%;
opacity:0.5;
}

.eup .cupFixture a.cuplose{
opacity:0.5;
}

.eup .cupFixture-final{
line-height:20px;
height:44px;
color:#000;
text-align:center;
font-weight:bold;
overflow:hidden;
border-right:1px solid #AAA;
}

.eup .cupFixture-final a{
width:100%;
float:left;
background:#CCC;
border:1px solid #AAA;
}


.available{
font-size:10px;
height:17px;
width:27px;
background:url(images/available.png);
overflow:hidden;
text-align:center;
color:#FFF;
font-weight:bold;
text-shadow:0px 1px 0px #187987;
line-height:16px;
float:right;
}


.available:hover{
background-position:0 -17px;
}

.viewaccept a{
height:26px;
width:100px;
background:url(images/accept.png);
overflow:hidden;
display:inline-block;
text-align:center;
color:#FFF;
font-weight:bold;
text-shadow:0px 1px 0px #187987;
line-height:26px;
text-decoration:none;
}

.viewaccept a:hover{
color:#FFF;
background-position:0 -26px;
text-decoration:none;
}

.cancel a{
height:26px;
width:100px;
background:url(images/cancel.png);
overflow:hidden;
display:inline-block;
text-align:center;
color:#FFF;
font-weight:bold;
text-shadow:0px 1px 0px #55282a;
line-height:26px;
text-decoration:none;
}

.cancel a:hover{
color:#FFF;
background-position:0 -26px;
text-decoration:none;
}

.notavailable{
font-size:10px;
height:17px;
width:27px;
background:url(images/notavailable.png);
overflow:hidden;
display:inline-block;
text-align:center;
color:#FFF;
font-weight:bold;
text-shadow:0px -1px 0px #595959;
line-height:16px;
float:right;
}

.latestForumMem{
overflow:hidden;
width:58px;
height:17px;
float:right;
}

.latestForumPos{
overflow:hidden;
height:17px;
float:left;
width:100px;
}

/* SKILLS */
.Skill-1{
float:right;
text-indent:-9999px;
overflow:hidden;
width:70px;
height:60px;
background:url(http://ungl.org/plugin/e/skillimg/low.gif);
}

.Skill-2{
float:right;
text-indent:-9999px;
overflow:hidden;
width:70px;
height:60px;
background:url(http://ungl.org/plugin/e/skillimg/low-mid.gif);
}

.Skill-3{
float:right;
text-indent:-9999px;
overflow:hidden;
width:70px;
height:60px;
background:url(http://ungl.org/plugin/e/skillimg/mid.gif);
}

.Skill-4{
float:right;
text-indent:-9999px;
overflow:hidden;
width:70px;
height:60px;
background:url(http://ungl.org/plugin/e/skillimg/mid-high.gif);
}

.Skill-5{
float:right;
text-indent:-9999px;
overflow:hidden;
width:70px;
height:60px;
background:url(http://ungl.org/plugin/e/skillimg/high.gif);
}

.Skill-unknown{
float:right;
text-indent:-9999px;
overflow:hidden;
width:70px;
height:60px;
background:url(http://ungl.org/plugin/e/skillimg/unknown.gif);
}

#MainColumn table.padded td{
padding:5px;
font-weight:bold;
}

.ladderinfo{
float:right;
width:256px;
}

.ladderimg{
float:right;
}

.ladderTable{
float:left;
width:398px;
}

.MostChallenges, .MostAccepted{
float:left;
width:256px;
clear:both;
color:#FFF;
}

.MostChallenges center,.MostAccepted center{
background:#CCC;
padding:5px;
}

.eup .module .ladderinfo .MostChallenges h2, .eup .module .ladderinfo .MostAccepted h2{
margin:0;
width:256px;
text-align:center;
height:26px;
line-height:26px;
background:#666 url(images/most.png);
color:#FFF;
font-weight:bold;
text-shadow:#000 0px 1px 1px;
}

.pointChange{
opacity:0.7;
font-size:xx-small;
}

/*** POLLS ***/

.answers{
margin-top:5px;
}

.answer{
margin-bottom:5px;
clear:both;
overflow:hidden;
}

.amswer input{
float:left;
width:30px;
}

.answer label{
float:right;
width:135px;
}

.answerText{
font-weight:bold;
}

.voteNum{
font-weight:normal;
font-size:80%;
}

.barCent{
width:30px;
float:left;
}

.bar{
width:154px;
float:left;
background:#CCC url(images/pollbgbg.png);
}

.innerBar{
}

.innerInnerBar{
background:#1184b7 url(images/pollbg.png);
border:1px solid #015d83;
height:14px;
overflow:hidden;
}

.innerLeft{
border:1px solid #3885d8;
height:12px;
}

.notice{
color:#d41818;
font-style:italic
}